@imput/helium-prism 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +673 -0
- package/README.md +77 -0
- package/dist/components/Button.svelte +38 -0
- package/dist/components/Button.svelte.d.ts +13 -0
- package/dist/components/Button.svelte.d.ts.map +1 -0
- package/dist/components/CardLink.svelte +41 -0
- package/dist/components/CardLink.svelte.d.ts +11 -0
- package/dist/components/CardLink.svelte.d.ts.map +1 -0
- package/dist/components/Checkbox.svelte +151 -0
- package/dist/components/Checkbox.svelte.d.ts +23 -0
- package/dist/components/Checkbox.svelte.d.ts.map +1 -0
- package/dist/components/CopyIcon.svelte +71 -0
- package/dist/components/CopyIcon.svelte.d.ts +10 -0
- package/dist/components/CopyIcon.svelte.d.ts.map +1 -0
- package/dist/components/Dropdown.svelte +128 -0
- package/dist/components/Dropdown.svelte.d.ts +32 -0
- package/dist/components/Dropdown.svelte.d.ts.map +1 -0
- package/dist/components/GradientShimmer.svelte +467 -0
- package/dist/components/GradientShimmer.svelte.d.ts +13 -0
- package/dist/components/GradientShimmer.svelte.d.ts.map +1 -0
- package/dist/components/HeliumLogo.svelte +40 -0
- package/dist/components/HeliumLogo.svelte.d.ts +10 -0
- package/dist/components/HeliumLogo.svelte.d.ts.map +1 -0
- package/dist/components/Input.svelte +117 -0
- package/dist/components/Input.svelte.d.ts +17 -0
- package/dist/components/Input.svelte.d.ts.map +1 -0
- package/dist/components/OuterLink.svelte +30 -0
- package/dist/components/OuterLink.svelte.d.ts +10 -0
- package/dist/components/OuterLink.svelte.d.ts.map +1 -0
- package/dist/components/SearchBar.svelte +68 -0
- package/dist/components/SearchBar.svelte.d.ts +15 -0
- package/dist/components/SearchBar.svelte.d.ts.map +1 -0
- package/dist/components/Skeleton.svelte +47 -0
- package/dist/components/Skeleton.svelte.d.ts +10 -0
- package/dist/components/Skeleton.svelte.d.ts.map +1 -0
- package/dist/components/Spinner.svelte +44 -0
- package/dist/components/Spinner.svelte.d.ts +9 -0
- package/dist/components/Spinner.svelte.d.ts.map +1 -0
- package/dist/components/Text.svelte +83 -0
- package/dist/components/Text.svelte.d.ts +24 -0
- package/dist/components/Text.svelte.d.ts.map +1 -0
- package/dist/components/Toggle.svelte +109 -0
- package/dist/components/Toggle.svelte.d.ts +19 -0
- package/dist/components/Toggle.svelte.d.ts.map +1 -0
- package/dist/components/Tooltip.svelte +130 -0
- package/dist/components/Tooltip.svelte.d.ts +10 -0
- package/dist/components/Tooltip.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconArrowDown.svelte +15 -0
- package/dist/components/icons/IconArrowDown.svelte.d.ts +27 -0
- package/dist/components/icons/IconArrowDown.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconArrowLeft.svelte +15 -0
- package/dist/components/icons/IconArrowLeft.svelte.d.ts +27 -0
- package/dist/components/icons/IconArrowLeft.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconArrowRight.svelte +15 -0
- package/dist/components/icons/IconArrowRight.svelte.d.ts +27 -0
- package/dist/components/icons/IconArrowRight.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconArrowUp.svelte +15 -0
- package/dist/components/icons/IconArrowUp.svelte.d.ts +27 -0
- package/dist/components/icons/IconArrowUp.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconBang.svelte +16 -0
- package/dist/components/icons/IconBang.svelte.d.ts +27 -0
- package/dist/components/icons/IconBang.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconCheck.svelte +13 -0
- package/dist/components/icons/IconCheck.svelte.d.ts +27 -0
- package/dist/components/icons/IconCheck.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconChevronDown.svelte +13 -0
- package/dist/components/icons/IconChevronDown.svelte.d.ts +27 -0
- package/dist/components/icons/IconChevronDown.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconCopy.svelte +18 -0
- package/dist/components/icons/IconCopy.svelte.d.ts +27 -0
- package/dist/components/icons/IconCopy.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconDownload.svelte +15 -0
- package/dist/components/icons/IconDownload.svelte.d.ts +27 -0
- package/dist/components/icons/IconDownload.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconExternalLink.svelte +15 -0
- package/dist/components/icons/IconExternalLink.svelte.d.ts +27 -0
- package/dist/components/icons/IconExternalLink.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconInfo.svelte +15 -0
- package/dist/components/icons/IconInfo.svelte.d.ts +27 -0
- package/dist/components/icons/IconInfo.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconLink.svelte +15 -0
- package/dist/components/icons/IconLink.svelte.d.ts +27 -0
- package/dist/components/icons/IconLink.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconLoader.svelte +13 -0
- package/dist/components/icons/IconLoader.svelte.d.ts +27 -0
- package/dist/components/icons/IconLoader.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconSearch.svelte +14 -0
- package/dist/components/icons/IconSearch.svelte.d.ts +27 -0
- package/dist/components/icons/IconSearch.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconWorld.svelte +17 -0
- package/dist/components/icons/IconWorld.svelte.d.ts +27 -0
- package/dist/components/icons/IconWorld.svelte.d.ts.map +1 -0
- package/dist/components/icons/IconX.svelte +14 -0
- package/dist/components/icons/IconX.svelte.d.ts +27 -0
- package/dist/components/icons/IconX.svelte.d.ts.map +1 -0
- package/dist/components/icons/LICENSE +21 -0
- package/dist/components/logos/HeliumLogoRaw.svelte +6 -0
- package/dist/components/logos/HeliumLogoRaw.svelte.d.ts +27 -0
- package/dist/components/logos/HeliumLogoRaw.svelte.d.ts.map +1 -0
- package/dist/components/logos/HeliumTextRaw.svelte +16 -0
- package/dist/components/logos/HeliumTextRaw.svelte.d.ts +27 -0
- package/dist/components/logos/HeliumTextRaw.svelte.d.ts.map +1 -0
- package/dist/gradient-shimmer.d.ts +85 -0
- package/dist/gradient-shimmer.d.ts.map +1 -0
- package/dist/gradient-shimmer.js +227 -0
- package/dist/index.d.ts +32 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +33 -0
- package/dist/styles.css +386 -0
- package/package.json +54 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export default IconSearch;
|
|
2
|
+
type IconSearch = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string;
|
|
8
|
+
};
|
|
9
|
+
declare const IconSearch: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
14
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
16
|
+
$$bindings?: Bindings;
|
|
17
|
+
} & Exports;
|
|
18
|
+
(internal: unknown, props: {
|
|
19
|
+
$$events?: Events;
|
|
20
|
+
$$slots?: Slots;
|
|
21
|
+
}): Exports & {
|
|
22
|
+
$set?: any;
|
|
23
|
+
$on?: any;
|
|
24
|
+
};
|
|
25
|
+
z_$$bindings?: Bindings;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=IconSearch.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconSearch.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icons/IconSearch.svelte.js"],"names":[],"mappings":";;;;;;;;AAkBA;;;;mBAAsH;6CATzE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<svg
|
|
2
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
3
|
+
width="24"
|
|
4
|
+
height="24"
|
|
5
|
+
viewBox="0 0 24 24"
|
|
6
|
+
fill="none"
|
|
7
|
+
stroke="currentColor"
|
|
8
|
+
stroke-width="2"
|
|
9
|
+
stroke-linecap="round"
|
|
10
|
+
stroke-linejoin="round"
|
|
11
|
+
>
|
|
12
|
+
<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" />
|
|
13
|
+
<path d="M3.6 9h16.8" />
|
|
14
|
+
<path d="M3.6 15h16.8" />
|
|
15
|
+
<path d="M11.5 3a17 17 0 0 0 0 18" />
|
|
16
|
+
<path d="M12.5 3a17 17 0 0 1 0 18" />
|
|
17
|
+
</svg>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export default IconWorld;
|
|
2
|
+
type IconWorld = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string;
|
|
8
|
+
};
|
|
9
|
+
declare const IconWorld: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
14
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
16
|
+
$$bindings?: Bindings;
|
|
17
|
+
} & Exports;
|
|
18
|
+
(internal: unknown, props: {
|
|
19
|
+
$$events?: Events;
|
|
20
|
+
$$slots?: Slots;
|
|
21
|
+
}): Exports & {
|
|
22
|
+
$set?: any;
|
|
23
|
+
$on?: any;
|
|
24
|
+
};
|
|
25
|
+
z_$$bindings?: Bindings;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=IconWorld.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconWorld.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icons/IconWorld.svelte.js"],"names":[],"mappings":";;;;;;;;AAqBA;;;;mBAAqH;6CATxE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<svg
|
|
2
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
3
|
+
width="24"
|
|
4
|
+
height="24"
|
|
5
|
+
viewBox="0 0 24 24"
|
|
6
|
+
fill="none"
|
|
7
|
+
stroke="currentColor"
|
|
8
|
+
stroke-width="2"
|
|
9
|
+
stroke-linecap="round"
|
|
10
|
+
stroke-linejoin="round"
|
|
11
|
+
>
|
|
12
|
+
<path d="M18 6l-12 12" />
|
|
13
|
+
<path d="M6 6l12 12" />
|
|
14
|
+
</svg>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export default IconX;
|
|
2
|
+
type IconX = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string;
|
|
8
|
+
};
|
|
9
|
+
declare const IconX: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
14
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
16
|
+
$$bindings?: Bindings;
|
|
17
|
+
} & Exports;
|
|
18
|
+
(internal: unknown, props: {
|
|
19
|
+
$$events?: Events;
|
|
20
|
+
$$slots?: Slots;
|
|
21
|
+
}): Exports & {
|
|
22
|
+
$set?: any;
|
|
23
|
+
$on?: any;
|
|
24
|
+
};
|
|
25
|
+
z_$$bindings?: Bindings;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=IconX.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconX.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icons/IconX.svelte.js"],"names":[],"mappings":";;;;;;;;AAkBA;;;;mBAAiH;6CATpE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2020-2024 Paweł Kuna
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path
|
|
3
|
+
d="M152.62 237.85L128 256L103.38 237.85L114.568 151.248L45.05 204.22L17 192L20.425 161.635L101.128 128L20.425 94.365L17 64L45.05 51.78L114.568 104.752L103.38 18.15L128 0L152.62 18.15L141.432 104.752L210.95 51.78L239 64L235.575 94.365L154.872 128L235.575 161.635L239 192L210.95 204.22L141.432 151.248L152.62 237.85Z"
|
|
4
|
+
fill="currentColor"
|
|
5
|
+
/>
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export default HeliumLogoRaw;
|
|
2
|
+
type HeliumLogoRaw = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string;
|
|
8
|
+
};
|
|
9
|
+
declare const HeliumLogoRaw: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
14
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
16
|
+
$$bindings?: Bindings;
|
|
17
|
+
} & Exports;
|
|
18
|
+
(internal: unknown, props: {
|
|
19
|
+
$$events?: Events;
|
|
20
|
+
$$slots?: Slots;
|
|
21
|
+
}): Exports & {
|
|
22
|
+
$set?: any;
|
|
23
|
+
$on?: any;
|
|
24
|
+
};
|
|
25
|
+
z_$$bindings?: Bindings;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=HeliumLogoRaw.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeliumLogoRaw.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/logos/HeliumLogoRaw.svelte.js"],"names":[],"mappings":";;;;;;;;AAiBA;;;;mBAAyH;6CAT5E,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<svg
|
|
2
|
+
width="1123"
|
|
3
|
+
height="256"
|
|
4
|
+
viewBox="0 0 1123 256"
|
|
5
|
+
fill="none"
|
|
6
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
+
>
|
|
8
|
+
<path
|
|
9
|
+
d="M338.286 218.963V36.6142H365.132V218.963H338.286ZM459.092 218.963V36.6142H485.938V218.963H459.092ZM351.456 112.846H470.996V135.133H351.456V112.846ZM571.4 221.496C558.399 221.496 546.918 218.625 536.957 212.885C527.164 207.144 519.481 199.208 513.91 189.078C508.338 178.947 505.552 167.297 505.552 154.128C505.552 140.789 508.254 129.139 513.656 119.178C519.228 109.047 526.995 101.196 536.957 95.6243C546.918 90.0525 558.315 87.2666 571.147 87.2666C583.641 87.2666 594.447 89.9681 603.564 95.371C612.851 100.605 619.942 107.95 624.838 117.405C629.904 126.86 632.436 138.088 632.436 151.089C632.436 153.115 632.352 155.056 632.183 156.914C632.183 158.602 632.014 160.375 631.677 162.232H523.28V142.478H613.188L606.604 150.329C606.604 136.484 603.48 125.931 597.233 118.671C590.986 111.411 582.29 107.781 571.147 107.781C559.159 107.781 549.62 111.917 542.528 120.191C535.606 128.295 532.145 139.607 532.145 154.128C532.145 168.817 535.606 180.298 542.528 188.571C549.62 196.845 559.412 200.981 571.907 200.981C579.505 200.981 586.089 199.462 591.661 196.423C597.233 193.215 601.37 188.571 604.071 182.493H628.891C624.67 194.65 617.494 204.189 607.363 211.112C597.402 218.034 585.414 221.496 571.4 221.496ZM651.781 218.963V36.6142H678.12V218.963H651.781ZM707.499 218.963V89.7992H733.838V218.963H707.499ZM706.233 64.473V34.8414H735.358V64.473H706.233ZM803.774 221.496C795.163 221.496 787.565 219.723 780.98 216.177C774.396 212.462 769.246 207.397 765.531 200.981C761.986 194.565 760.213 187.221 760.213 178.947V89.7992H786.552V172.869C786.552 181.818 788.747 188.487 793.137 192.877C797.527 197.267 803.774 199.462 811.878 199.462C819.139 199.462 825.555 197.773 831.126 194.396C836.867 191.02 841.341 186.377 844.549 180.467C847.926 174.389 849.614 167.382 849.614 159.446L852.907 190.344C848.686 199.799 842.185 207.397 833.406 213.138C824.795 218.71 814.918 221.496 803.774 221.496ZM850.628 218.963V188.571H849.614V89.7992H875.7V218.963H850.628ZM905.004 218.963V89.7992H930.077V120.191H931.343V218.963H905.004ZM992.126 218.963V134.627C992.126 125.847 990.1 119.431 986.047 115.379C981.995 111.327 976.17 109.3 968.572 109.3C961.481 109.3 955.065 110.989 949.324 114.366C943.753 117.574 939.363 122.132 936.155 128.042C932.947 133.782 931.343 140.62 931.343 148.556L928.05 118.418C932.272 108.794 938.603 101.196 947.045 95.6243C955.656 90.0525 965.28 87.2666 975.917 87.2666C988.749 87.2666 998.964 90.9811 1006.56 98.4102C1014.33 105.839 1018.21 115.632 1018.21 127.789V218.963H992.126ZM1079.25 218.963V134.627C1079.25 125.847 1077.14 119.431 1072.92 115.379C1068.86 111.327 1063.04 109.3 1055.44 109.3C1048.52 109.3 1042.19 110.989 1036.45 114.366C1030.87 117.574 1026.4 122.132 1023.02 128.042C1019.82 133.782 1018.21 140.62 1018.21 148.556L1012.89 118.418C1017.28 108.794 1023.87 101.196 1032.65 95.6243C1041.6 90.0525 1051.56 87.2666 1062.53 87.2666C1075.53 87.2666 1085.92 91.0656 1093.68 98.6634C1101.45 106.092 1105.33 116.054 1105.33 128.548V218.963H1079.25Z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
<path
|
|
13
|
+
d="M152.62 237.85L128 256L103.38 237.85L114.568 151.248L45.05 204.22L17 192L20.425 161.635L101.128 128L20.425 94.365L17 64L45.05 51.78L114.568 104.752L103.38 18.15L128 0L152.62 18.15L141.432 104.752L210.95 51.78L239 64L235.575 94.365L154.872 128L235.575 161.635L239 192L210.95 204.22L141.432 151.248L152.62 237.85Z"
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
/>
|
|
16
|
+
</svg>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export default HeliumTextRaw;
|
|
2
|
+
type HeliumTextRaw = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string;
|
|
8
|
+
};
|
|
9
|
+
declare const HeliumTextRaw: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
14
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
16
|
+
$$bindings?: Bindings;
|
|
17
|
+
} & Exports;
|
|
18
|
+
(internal: unknown, props: {
|
|
19
|
+
$$events?: Events;
|
|
20
|
+
$$slots?: Slots;
|
|
21
|
+
}): Exports & {
|
|
22
|
+
$set?: any;
|
|
23
|
+
$on?: any;
|
|
24
|
+
};
|
|
25
|
+
z_$$bindings?: Bindings;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=HeliumTextRaw.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeliumTextRaw.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/logos/HeliumTextRaw.svelte.js"],"names":[],"mappings":";;;;;;;;AAkBA;;;;mBAAyH;6CAT5E,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
export declare const STRIPE_WIDTH: {
|
|
2
|
+
min: number;
|
|
3
|
+
target: number;
|
|
4
|
+
max: number;
|
|
5
|
+
};
|
|
6
|
+
export declare const GRADIENT: {
|
|
7
|
+
bandWidth: number;
|
|
8
|
+
minStop: number;
|
|
9
|
+
maxStop: number;
|
|
10
|
+
};
|
|
11
|
+
export declare const INTRO: {
|
|
12
|
+
delay: number;
|
|
13
|
+
revealDuration: number;
|
|
14
|
+
idleBlendDuration: number;
|
|
15
|
+
stagger: number;
|
|
16
|
+
startCenter: number;
|
|
17
|
+
idleCenter: number;
|
|
18
|
+
};
|
|
19
|
+
export declare const WAVE_SPEED_UP: {
|
|
20
|
+
multiplier: number;
|
|
21
|
+
rampUpDuration: number;
|
|
22
|
+
waveDuration: number;
|
|
23
|
+
rampDownDuration: number;
|
|
24
|
+
};
|
|
25
|
+
export declare const IDLE_WAVE: {
|
|
26
|
+
speed: number;
|
|
27
|
+
stripePhase: number;
|
|
28
|
+
secondarySpeed: number;
|
|
29
|
+
secondaryStripePhase: number;
|
|
30
|
+
primaryAmplitude: number;
|
|
31
|
+
secondaryAmplitude: number;
|
|
32
|
+
};
|
|
33
|
+
export type Stripe = {
|
|
34
|
+
phase: number;
|
|
35
|
+
secondaryPhase: number;
|
|
36
|
+
};
|
|
37
|
+
export type IntroAnimation = {
|
|
38
|
+
startedAt: number;
|
|
39
|
+
};
|
|
40
|
+
type WaveSpeedUpValues = {
|
|
41
|
+
multiplier: number;
|
|
42
|
+
shineProgress: number;
|
|
43
|
+
};
|
|
44
|
+
export type WaveSpeedUpAnimation = {
|
|
45
|
+
phase: "ramp-up";
|
|
46
|
+
startedAt: number;
|
|
47
|
+
duration: number;
|
|
48
|
+
from: WaveSpeedUpValues;
|
|
49
|
+
} | {
|
|
50
|
+
phase: "hold";
|
|
51
|
+
startedAt: number;
|
|
52
|
+
} | {
|
|
53
|
+
phase: "ramp-down";
|
|
54
|
+
startedAt: number;
|
|
55
|
+
from: WaveSpeedUpValues;
|
|
56
|
+
};
|
|
57
|
+
export type Size = {
|
|
58
|
+
width: number;
|
|
59
|
+
height: number;
|
|
60
|
+
dpr: number;
|
|
61
|
+
};
|
|
62
|
+
export type GradientShimmerControls = {
|
|
63
|
+
intro: () => void;
|
|
64
|
+
emphasize: () => void;
|
|
65
|
+
};
|
|
66
|
+
export declare const gradientShimmerContext: any;
|
|
67
|
+
type WaveSpeedUpAnimationState = WaveSpeedUpValues & {
|
|
68
|
+
animation: WaveSpeedUpAnimation | null;
|
|
69
|
+
};
|
|
70
|
+
export declare const clamp: (value: number, min?: number, max?: number) => number;
|
|
71
|
+
export declare const lerp: (start: number, end: number, progress: number) => number;
|
|
72
|
+
export declare const getRandomWavePhase: () => number;
|
|
73
|
+
export declare const readCssNumber: (styles: CSSStyleDeclaration, name: string) => number;
|
|
74
|
+
export declare const readCssString: (styles: CSSStyleDeclaration, name: string) => string;
|
|
75
|
+
export declare const getIntroRevealProgress: (time: number, introAnimation: IntroAnimation | null, index: number, stripeCount: number) => number;
|
|
76
|
+
export declare const getIntroIdleProgress: (time: number, introAnimation: IntroAnimation | null, index: number, stripeCount: number) => number;
|
|
77
|
+
export declare const isIntroComplete: (time: number, introAnimation: IntroAnimation | null, stripeCount: number) => boolean;
|
|
78
|
+
export declare const getIdleCenter: (stripe: Stripe, wavePhase: number, secondaryWavePhase: number) => number;
|
|
79
|
+
export declare const syncStripeCount: (stripes: Stripe[], width: number) => number;
|
|
80
|
+
export declare const resizeCanvas: (visibleCanvas: HTMLCanvasElement, context: CanvasRenderingContext2D) => Size;
|
|
81
|
+
export declare const snapToDevicePixel: (value: number, dpr: number) => number;
|
|
82
|
+
export declare const triggerSpeedUpAnimation: (time: number, speedUpAnimation: WaveSpeedUpAnimation | null) => WaveSpeedUpAnimation;
|
|
83
|
+
export declare const updateSpeedUpAnimation: (time: number, speedUpAnimation: WaveSpeedUpAnimation | null) => WaveSpeedUpAnimationState;
|
|
84
|
+
export {};
|
|
85
|
+
//# sourceMappingURL=gradient-shimmer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gradient-shimmer.d.ts","sourceRoot":"","sources":["../src/lib/gradient-shimmer.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,227 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
export var STRIPE_WIDTH = {
|
|
13
|
+
min: 64,
|
|
14
|
+
target: 110,
|
|
15
|
+
max: 120,
|
|
16
|
+
};
|
|
17
|
+
export var GRADIENT = {
|
|
18
|
+
bandWidth: 0.48,
|
|
19
|
+
minStop: 0.14,
|
|
20
|
+
maxStop: 0.96,
|
|
21
|
+
};
|
|
22
|
+
export var INTRO = {
|
|
23
|
+
delay: 700,
|
|
24
|
+
revealDuration: 840,
|
|
25
|
+
idleBlendDuration: 500,
|
|
26
|
+
stagger: 45,
|
|
27
|
+
startCenter: 0.96,
|
|
28
|
+
idleCenter: 0.5,
|
|
29
|
+
};
|
|
30
|
+
export var WAVE_SPEED_UP = {
|
|
31
|
+
multiplier: 2.15,
|
|
32
|
+
rampUpDuration: 140,
|
|
33
|
+
waveDuration: 320,
|
|
34
|
+
rampDownDuration: 480,
|
|
35
|
+
};
|
|
36
|
+
export var IDLE_WAVE = {
|
|
37
|
+
speed: 0.42,
|
|
38
|
+
stripePhase: 0.74,
|
|
39
|
+
secondarySpeed: 0.26,
|
|
40
|
+
secondaryStripePhase: 1.28,
|
|
41
|
+
primaryAmplitude: 0.19,
|
|
42
|
+
secondaryAmplitude: 0.055,
|
|
43
|
+
};
|
|
44
|
+
var FULL_CIRCLE = Math.PI * 2;
|
|
45
|
+
export var gradientShimmerContext = Symbol("gradientShimmer");
|
|
46
|
+
export var clamp = function (value, min, max) {
|
|
47
|
+
if (min === void 0) { min = 0; }
|
|
48
|
+
if (max === void 0) { max = 1; }
|
|
49
|
+
return Math.max(min, Math.min(max, value));
|
|
50
|
+
};
|
|
51
|
+
export var lerp = function (start, end, progress) {
|
|
52
|
+
return start + (end - start) * progress;
|
|
53
|
+
};
|
|
54
|
+
var easeOutCubic = function (value) { return 1 - Math.pow(1 - value, 3); };
|
|
55
|
+
var easeInOutCubic = function (value) { return (value < 0.5 ? 4 * value * value * value : 1 - Math.pow(-2 * value + 2, 3) / 2); };
|
|
56
|
+
export var getRandomWavePhase = function () { return Math.random() * FULL_CIRCLE; };
|
|
57
|
+
export var readCssNumber = function (styles, name) {
|
|
58
|
+
var rawValue = styles.getPropertyValue(name).trim();
|
|
59
|
+
var value = Number(rawValue);
|
|
60
|
+
if (!rawValue || !Number.isFinite(value)) {
|
|
61
|
+
throw new Error("Missing or invalid CSS number: ".concat(name));
|
|
62
|
+
}
|
|
63
|
+
return value;
|
|
64
|
+
};
|
|
65
|
+
export var readCssString = function (styles, name) {
|
|
66
|
+
var value = styles.getPropertyValue(name).trim();
|
|
67
|
+
if (!value) {
|
|
68
|
+
throw new Error("Missing CSS value: ".concat(name));
|
|
69
|
+
}
|
|
70
|
+
return value;
|
|
71
|
+
};
|
|
72
|
+
var createStripe = function (index) { return ({
|
|
73
|
+
phase: index * IDLE_WAVE.stripePhase,
|
|
74
|
+
secondaryPhase: index * IDLE_WAVE.secondaryStripePhase,
|
|
75
|
+
}); };
|
|
76
|
+
var getStripeCount = function (canvasWidth) {
|
|
77
|
+
var minCount = Math.max(1, Math.ceil(canvasWidth / STRIPE_WIDTH.max));
|
|
78
|
+
var maxCount = Math.max(1, Math.floor(canvasWidth / STRIPE_WIDTH.min));
|
|
79
|
+
var targetCount = Math.max(1, Math.round(canvasWidth / STRIPE_WIDTH.target));
|
|
80
|
+
return Math.max(minCount, Math.min(maxCount, targetCount));
|
|
81
|
+
};
|
|
82
|
+
var getRevealDelay = function (index, stripeCount, stagger) {
|
|
83
|
+
if (stagger === void 0) { stagger = INTRO.stagger; }
|
|
84
|
+
var centerIndex = (stripeCount - 1) / 2;
|
|
85
|
+
var centerDistance = stripeCount % 2 === 0 ? 0.5 : 0;
|
|
86
|
+
var distanceFromCenter = Math.abs(index - centerIndex) - centerDistance;
|
|
87
|
+
return Math.max(0, distanceFromCenter) * stagger;
|
|
88
|
+
};
|
|
89
|
+
var getMaxRevealDelay = function (stripeCount, stagger) {
|
|
90
|
+
if (stagger === void 0) { stagger = INTRO.stagger; }
|
|
91
|
+
if (stripeCount <= 0) {
|
|
92
|
+
return 0;
|
|
93
|
+
}
|
|
94
|
+
return Math.max(getRevealDelay(0, stripeCount, stagger), getRevealDelay(stripeCount - 1, stripeCount, stagger));
|
|
95
|
+
};
|
|
96
|
+
var getStaggeredProgress = function (time, startedAt, index, stripeCount, duration, stagger, delay) {
|
|
97
|
+
if (delay === void 0) { delay = 0; }
|
|
98
|
+
var elapsed = time - startedAt - delay
|
|
99
|
+
- getRevealDelay(index, stripeCount, stagger);
|
|
100
|
+
return easeOutCubic(clamp(elapsed / duration));
|
|
101
|
+
};
|
|
102
|
+
export var getIntroRevealProgress = function (time, introAnimation, index, stripeCount) {
|
|
103
|
+
if (!introAnimation) {
|
|
104
|
+
return 1;
|
|
105
|
+
}
|
|
106
|
+
return getStaggeredProgress(time, introAnimation.startedAt, index, stripeCount, INTRO.revealDuration, INTRO.stagger, INTRO.delay);
|
|
107
|
+
};
|
|
108
|
+
export var getIntroIdleProgress = function (time, introAnimation, index, stripeCount) {
|
|
109
|
+
if (!introAnimation) {
|
|
110
|
+
return 1;
|
|
111
|
+
}
|
|
112
|
+
var elapsed = time
|
|
113
|
+
- introAnimation.startedAt
|
|
114
|
+
- INTRO.delay
|
|
115
|
+
- getRevealDelay(index, stripeCount)
|
|
116
|
+
- INTRO.revealDuration;
|
|
117
|
+
return easeOutCubic(clamp(elapsed / INTRO.idleBlendDuration));
|
|
118
|
+
};
|
|
119
|
+
export var isIntroComplete = function (time, introAnimation, stripeCount) {
|
|
120
|
+
if (!introAnimation) {
|
|
121
|
+
return true;
|
|
122
|
+
}
|
|
123
|
+
var completeAt = introAnimation.startedAt
|
|
124
|
+
+ INTRO.delay
|
|
125
|
+
+ getMaxRevealDelay(stripeCount)
|
|
126
|
+
+ INTRO.revealDuration
|
|
127
|
+
+ INTRO.idleBlendDuration;
|
|
128
|
+
return time >= completeAt;
|
|
129
|
+
};
|
|
130
|
+
export var getIdleCenter = function (stripe, wavePhase, secondaryWavePhase) {
|
|
131
|
+
var primaryWave = Math.sin(wavePhase - stripe.phase);
|
|
132
|
+
var secondaryWave = Math.sin(secondaryWavePhase + stripe.secondaryPhase);
|
|
133
|
+
return 0.5
|
|
134
|
+
+ primaryWave * IDLE_WAVE.primaryAmplitude
|
|
135
|
+
+ secondaryWave * IDLE_WAVE.secondaryAmplitude;
|
|
136
|
+
};
|
|
137
|
+
export var syncStripeCount = function (stripes, width) {
|
|
138
|
+
var count = getStripeCount(width);
|
|
139
|
+
while (stripes.length < count) {
|
|
140
|
+
stripes.push(createStripe(stripes.length));
|
|
141
|
+
}
|
|
142
|
+
stripes.length = count;
|
|
143
|
+
return width / count;
|
|
144
|
+
};
|
|
145
|
+
export var resizeCanvas = function (visibleCanvas, context) {
|
|
146
|
+
var _a = visibleCanvas.getBoundingClientRect(), width = _a.width, height = _a.height;
|
|
147
|
+
var dpr = globalThis.devicePixelRatio || 1;
|
|
148
|
+
var cssWidth = Math.max(1, width);
|
|
149
|
+
var cssHeight = Math.max(1, height);
|
|
150
|
+
visibleCanvas.width = Math.ceil(cssWidth * dpr);
|
|
151
|
+
visibleCanvas.height = Math.ceil(cssHeight * dpr);
|
|
152
|
+
context.setTransform(dpr, 0, 0, dpr, 0, 0);
|
|
153
|
+
return { width: cssWidth, height: cssHeight, dpr: dpr };
|
|
154
|
+
};
|
|
155
|
+
export var snapToDevicePixel = function (value, dpr) { return Math.round(value * dpr) / dpr; };
|
|
156
|
+
var IDLE_SPEED_UP = {
|
|
157
|
+
multiplier: 1,
|
|
158
|
+
shineProgress: 0,
|
|
159
|
+
};
|
|
160
|
+
var PEAK_SPEED_UP = {
|
|
161
|
+
multiplier: WAVE_SPEED_UP.multiplier,
|
|
162
|
+
shineProgress: 1,
|
|
163
|
+
};
|
|
164
|
+
var lerpSpeedUpValues = function (from, to, progress) { return ({
|
|
165
|
+
multiplier: lerp(from.multiplier, to.multiplier, progress),
|
|
166
|
+
shineProgress: lerp(from.shineProgress, to.shineProgress, progress),
|
|
167
|
+
}); };
|
|
168
|
+
var getProgress = function (time, startedAt, duration) {
|
|
169
|
+
return clamp((time - startedAt) / duration);
|
|
170
|
+
};
|
|
171
|
+
var getSpeedUpRampUpDuration = function (from) {
|
|
172
|
+
var multiplierRemaining = clamp((WAVE_SPEED_UP.multiplier - from.multiplier)
|
|
173
|
+
/ (WAVE_SPEED_UP.multiplier - 1));
|
|
174
|
+
var shineRemaining = 1 - from.shineProgress;
|
|
175
|
+
return Math.max(1, WAVE_SPEED_UP.rampUpDuration
|
|
176
|
+
* Math.max(multiplierRemaining, shineRemaining));
|
|
177
|
+
};
|
|
178
|
+
var isSpeedUpAtPeak = function (_a) {
|
|
179
|
+
var multiplier = _a.multiplier, shineProgress = _a.shineProgress;
|
|
180
|
+
return multiplier >= WAVE_SPEED_UP.multiplier && shineProgress >= 1;
|
|
181
|
+
};
|
|
182
|
+
export var triggerSpeedUpAnimation = function (time, speedUpAnimation) {
|
|
183
|
+
var _a = updateSpeedUpAnimation(time, speedUpAnimation), multiplier = _a.multiplier, shineProgress = _a.shineProgress;
|
|
184
|
+
var from = { multiplier: multiplier, shineProgress: shineProgress };
|
|
185
|
+
if (isSpeedUpAtPeak(from)) {
|
|
186
|
+
return {
|
|
187
|
+
phase: "hold",
|
|
188
|
+
startedAt: time,
|
|
189
|
+
};
|
|
190
|
+
}
|
|
191
|
+
return {
|
|
192
|
+
phase: "ramp-up",
|
|
193
|
+
startedAt: time,
|
|
194
|
+
duration: getSpeedUpRampUpDuration(from),
|
|
195
|
+
from: from,
|
|
196
|
+
};
|
|
197
|
+
};
|
|
198
|
+
export var updateSpeedUpAnimation = function (time, speedUpAnimation) {
|
|
199
|
+
if (!speedUpAnimation) {
|
|
200
|
+
return __assign({ animation: null }, IDLE_SPEED_UP);
|
|
201
|
+
}
|
|
202
|
+
if (speedUpAnimation.phase === "ramp-up") {
|
|
203
|
+
var progress_1 = getProgress(time, speedUpAnimation.startedAt, speedUpAnimation.duration);
|
|
204
|
+
var values_1 = lerpSpeedUpValues(speedUpAnimation.from, PEAK_SPEED_UP, easeOutCubic(progress_1));
|
|
205
|
+
if (progress_1 >= 1) {
|
|
206
|
+
return __assign({ animation: {
|
|
207
|
+
phase: "hold",
|
|
208
|
+
startedAt: time,
|
|
209
|
+
} }, values_1);
|
|
210
|
+
}
|
|
211
|
+
return __assign({ animation: speedUpAnimation }, values_1);
|
|
212
|
+
}
|
|
213
|
+
if (speedUpAnimation.phase === "hold") {
|
|
214
|
+
var progress_2 = getProgress(time, speedUpAnimation.startedAt, WAVE_SPEED_UP.waveDuration);
|
|
215
|
+
if (progress_2 >= 1) {
|
|
216
|
+
return __assign({ animation: {
|
|
217
|
+
phase: "ramp-down",
|
|
218
|
+
startedAt: time,
|
|
219
|
+
from: PEAK_SPEED_UP,
|
|
220
|
+
} }, PEAK_SPEED_UP);
|
|
221
|
+
}
|
|
222
|
+
return __assign({ animation: speedUpAnimation }, PEAK_SPEED_UP);
|
|
223
|
+
}
|
|
224
|
+
var progress = getProgress(time, speedUpAnimation.startedAt, WAVE_SPEED_UP.rampDownDuration);
|
|
225
|
+
var values = lerpSpeedUpValues(speedUpAnimation.from, IDLE_SPEED_UP, easeInOutCubic(progress));
|
|
226
|
+
return __assign({ animation: progress >= 1 ? null : speedUpAnimation }, values);
|
|
227
|
+
};
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export { default as Button } from "./components/Button.svelte";
|
|
2
|
+
export { default as CardLink } from "./components/CardLink.svelte";
|
|
3
|
+
export { default as Checkbox } from "./components/Checkbox.svelte";
|
|
4
|
+
export { default as CopyIcon } from "./components/CopyIcon.svelte";
|
|
5
|
+
export { default as Dropdown } from "./components/Dropdown.svelte";
|
|
6
|
+
export { default as GradientShimmer } from "./components/GradientShimmer.svelte";
|
|
7
|
+
export { default as HeliumLogo } from "./components/HeliumLogo.svelte";
|
|
8
|
+
export { default as Input } from "./components/Input.svelte";
|
|
9
|
+
export { default as OuterLink } from "./components/OuterLink.svelte";
|
|
10
|
+
export { default as SearchBar } from "./components/SearchBar.svelte";
|
|
11
|
+
export { default as Skeleton } from "./components/Skeleton.svelte";
|
|
12
|
+
export { default as Spinner } from "./components/Spinner.svelte";
|
|
13
|
+
export { default as Text } from "./components/Text.svelte";
|
|
14
|
+
export { default as Toggle } from "./components/Toggle.svelte";
|
|
15
|
+
export { default as Tooltip } from "./components/Tooltip.svelte";
|
|
16
|
+
export { default as IconArrowDown } from "./components/icons/IconArrowDown.svelte";
|
|
17
|
+
export { default as IconArrowLeft } from "./components/icons/IconArrowLeft.svelte";
|
|
18
|
+
export { default as IconArrowRight } from "./components/icons/IconArrowRight.svelte";
|
|
19
|
+
export { default as IconArrowUp } from "./components/icons/IconArrowUp.svelte";
|
|
20
|
+
export { default as IconBang } from "./components/icons/IconBang.svelte";
|
|
21
|
+
export { default as IconCheck } from "./components/icons/IconCheck.svelte";
|
|
22
|
+
export { default as IconChevronDown } from "./components/icons/IconChevronDown.svelte";
|
|
23
|
+
export { default as IconCopy } from "./components/icons/IconCopy.svelte";
|
|
24
|
+
export { default as IconDownload } from "./components/icons/IconDownload.svelte";
|
|
25
|
+
export { default as IconExternalLink } from "./components/icons/IconExternalLink.svelte";
|
|
26
|
+
export { default as IconInfo } from "./components/icons/IconInfo.svelte";
|
|
27
|
+
export { default as IconLink } from "./components/icons/IconLink.svelte";
|
|
28
|
+
export { default as IconLoader } from "./components/icons/IconLoader.svelte";
|
|
29
|
+
export { default as IconSearch } from "./components/icons/IconSearch.svelte";
|
|
30
|
+
export { default as IconWorld } from "./components/icons/IconWorld.svelte";
|
|
31
|
+
export { default as IconX } from "./components/icons/IconX.svelte";
|
|
32
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAEjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iCAAiC,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
// This file is automatically generated. Do not edit it manually.
|
|
2
|
+
// Run `pnpm run generate:index` to regenerate this file.
|
|
3
|
+
export { default as Button } from "./components/Button.svelte";
|
|
4
|
+
export { default as CardLink } from "./components/CardLink.svelte";
|
|
5
|
+
export { default as Checkbox } from "./components/Checkbox.svelte";
|
|
6
|
+
export { default as CopyIcon } from "./components/CopyIcon.svelte";
|
|
7
|
+
export { default as Dropdown } from "./components/Dropdown.svelte";
|
|
8
|
+
export { default as GradientShimmer } from "./components/GradientShimmer.svelte";
|
|
9
|
+
export { default as HeliumLogo } from "./components/HeliumLogo.svelte";
|
|
10
|
+
export { default as Input } from "./components/Input.svelte";
|
|
11
|
+
export { default as OuterLink } from "./components/OuterLink.svelte";
|
|
12
|
+
export { default as SearchBar } from "./components/SearchBar.svelte";
|
|
13
|
+
export { default as Skeleton } from "./components/Skeleton.svelte";
|
|
14
|
+
export { default as Spinner } from "./components/Spinner.svelte";
|
|
15
|
+
export { default as Text } from "./components/Text.svelte";
|
|
16
|
+
export { default as Toggle } from "./components/Toggle.svelte";
|
|
17
|
+
export { default as Tooltip } from "./components/Tooltip.svelte";
|
|
18
|
+
export { default as IconArrowDown } from "./components/icons/IconArrowDown.svelte";
|
|
19
|
+
export { default as IconArrowLeft } from "./components/icons/IconArrowLeft.svelte";
|
|
20
|
+
export { default as IconArrowRight } from "./components/icons/IconArrowRight.svelte";
|
|
21
|
+
export { default as IconArrowUp } from "./components/icons/IconArrowUp.svelte";
|
|
22
|
+
export { default as IconBang } from "./components/icons/IconBang.svelte";
|
|
23
|
+
export { default as IconCheck } from "./components/icons/IconCheck.svelte";
|
|
24
|
+
export { default as IconChevronDown } from "./components/icons/IconChevronDown.svelte";
|
|
25
|
+
export { default as IconCopy } from "./components/icons/IconCopy.svelte";
|
|
26
|
+
export { default as IconDownload } from "./components/icons/IconDownload.svelte";
|
|
27
|
+
export { default as IconExternalLink } from "./components/icons/IconExternalLink.svelte";
|
|
28
|
+
export { default as IconInfo } from "./components/icons/IconInfo.svelte";
|
|
29
|
+
export { default as IconLink } from "./components/icons/IconLink.svelte";
|
|
30
|
+
export { default as IconLoader } from "./components/icons/IconLoader.svelte";
|
|
31
|
+
export { default as IconSearch } from "./components/icons/IconSearch.svelte";
|
|
32
|
+
export { default as IconWorld } from "./components/icons/IconWorld.svelte";
|
|
33
|
+
export { default as IconX } from "./components/icons/IconX.svelte";
|