@staffbase/design 19.0.1 → 20.0.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.
Files changed (18) hide show
  1. package/codemods/v17-migrate-spacing/README.md +72 -0
  2. package/codemods/v17-migrate-spacing/transform.js +152 -0
  3. package/codemods/v20-migrate-avatar/README.md +71 -0
  4. package/codemods/v20-migrate-avatar/transform.js +191 -0
  5. package/dist/chunk-CDHmpCQf.cjs +40 -0
  6. package/dist/components.css +1 -1
  7. package/dist/illustrations.cjs +541 -0
  8. package/dist/illustrations.cjs.map +1 -0
  9. package/dist/illustrations.css +52 -0
  10. package/dist/illustrations.d.ts +50 -0
  11. package/dist/illustrations.js +521 -0
  12. package/dist/illustrations.js.map +1 -0
  13. package/dist/main.cjs +241 -59
  14. package/dist/main.cjs.map +1 -1
  15. package/dist/main.d.ts +96 -20
  16. package/dist/main.js +231 -34
  17. package/dist/main.js.map +1 -1
  18. package/package.json +8 -1
package/dist/illustrations.js ADDED
@@ -0,0 +1,521 @@
1
+ /*
2
+ Copyright 2026, Staffbase SE and contributors.
3
+ Licensed under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License.
5
+ You may obtain a copy of the License at
6
+ http://www.apache.org/licenses/LICENSE-2.0
7
+ Unless required by applicable law or agreed to in writing, software
8
+ distributed under the License is distributed on an "AS IS" BASIS,
9
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10
+ See the License for the specific language governing permissions and
11
+ limitations under the License.
12
+ */
13
+ import React from "react";
14
+ import { jsx } from "react/jsx-runtime";
15
+ //#region src/illustrations/IllustrationAnalytics.tsx
16
+ /**
17
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
18
+ */
19
+ var _svgContent$17 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M76.387 12.358c21.272.11 44.739-1.773 59.023 13.991 15.046 16.606 15.89 41.184 10.729 62.99-5.103 21.563-17.76 40.972-37.647 50.746-20.075 9.866-44.531 10.501-63.778-.898-17.735-10.504-21.443-32.506-26.401-52.514C13.17 65.923 3.437 42.584 16.6 25.74 29.83 8.81 54.9 12.248 76.387 12.358\" clip-rule=\"evenodd\"></path><path fill=\"var(--ds-illustration-300)\" d=\"M31.078 122.888h16.398a1.172 1.172 0 0 0 1.171-1.172v-9.37a4.685 4.685 0 0 0-4.685-4.685h-9.37a4.683 4.683 0 0 0-4.685 4.685v9.37a1.167 1.167 0 0 0 1.17 1.172M62.703 84.234a4.686 4.686 0 0 0-4.685 4.686v32.796a1.167 1.167 0 0 0 1.171 1.171h16.398a1.17 1.17 0 0 0 .83-.341 1.16 1.16 0 0 0 .342-.83V88.92a4.685 4.685 0 0 0-4.686-4.686zM90.814 93.605a4.685 4.685 0 0 0-4.685 4.685v23.426a1.16 1.16 0 0 0 .722 1.084c.143.058.296.088.45.088h16.398q.233 0 .449-.088a1.17 1.17 0 0 0 .722-1.084V98.29a4.687 4.687 0 0 0-4.685-4.685zM118.926 60.808a4.683 4.683 0 0 0-4.686 4.685v56.223a1.178 1.178 0 0 0 .342.83 1.17 1.17 0 0 0 .83.341h16.398a1.175 1.175 0 0 0 .83-.341 1.16 1.16 0 0 0 .341-.83V65.493a4.683 4.683 0 0 0-4.685-4.685z\"></path><g filter=\"url(#filter0_d_5_6849)\"><path fill=\"var(--ds-illustration-500)\" d=\"M123.611 25.429a9.37 9.37 0 0 0-9.117 11.525 1.2 1.2 0 0 1-.253 1.036L98.976 55.794a1.19 1.19 0 0 1-1.18.374 9 9 0 0 0-2.296-.285 9.37 9.37 0 0 0-6.64 2.769 1.16 1.16 0 0 1-1.198.28l-10.205-3.396a1.18 1.18 0 0 1-.792-.937 9.37 9.37 0 0 0-18.647 1.284c0 .732.086 1.462.258 2.174a1.17 1.17 0 0 1-.394 1.17l-13.587 11.34a1.2 1.2 0 0 1-1.227.173 9.37 9.37 0 1 0 5.327 6.4 1.17 1.17 0 0 1 .388-1.172L62.372 64.63a1.17 1.17 0 0 1 1.222-.173 9.37 9.37 0 0 0 10.42-1.973 1.17 1.17 0 0 1 1.204-.281l10.2 3.392a1.19 1.19 0 0 1 .787.937 9.37 9.37 0 0 0 18.666-1.279 9.2 9.2 0 0 0-.749-3.66 1.17 1.17 0 0 1 .192-1.222l14.262-16.642a1.17 1.17 0 0 1 1.349-.314 9.37 9.37 0 1 0 3.687-17.986\"></path></g><g filter=\"url(#filter1_d_5_6849)\"><path fill=\"#fff\" d=\"M29.907 138.115h103.075a4.68 4.68 0 0 0 3.312-1.373 4.683 4.683 0 0 0 0-6.626 4.68 4.68 0 0 0-3.312-1.372H29.907a4.69 4.69 0 0 0-4.686 4.685 4.684 4.684 0 0 0 4.686 4.686\"></path></g><ellipse cx=\"23.501\" cy=\"24\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"23\" cy=\"23.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 23 23.5)\"></ellipse><ellipse cx=\"149.309\" cy=\"44\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"149\" cy=\"43.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 149 43.693)\"></ellipse><ellipse cx=\"14.309\" cy=\"51\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"14\" cy=\"50.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 14 50.693)\"></ellipse><defs><filter id=\"filter0_d_5_6849\" width=\"123.071\" height=\"83.251\" x=\"19.907\" y=\"15.429\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6849\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6849\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_5_6849\" width=\"132.445\" height=\"29.37\" x=\"15.221\" y=\"118.744\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6849\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6849\" result=\"shape\"></feBlend></filter></defs>";
20
+ var _IllustrationAnalytics = React.forwardRef((props, ref) => {
21
+ const { className, color = "primary", ...rest } = props;
22
+ const finalClassName = [
23
+ "ds-illustration ds-illustration-analytics",
24
+ color === "neutral" ? "ds-illustration--neutral" : "",
25
+ className
26
+ ].filter(Boolean).join(" ");
27
+ return /* @__PURE__ */ jsx("svg", {
28
+ "aria-hidden": "true",
29
+ fill: "none",
30
+ viewBox: "0 0 160 160",
31
+ width: "160",
32
+ height: "160",
33
+ ...rest,
34
+ className: finalClassName,
35
+ ref,
36
+ "data-c13y-component": "illustration",
37
+ dangerouslySetInnerHTML: { __html: _svgContent$17 }
38
+ });
39
+ });
40
+ _IllustrationAnalytics.displayName = "IllustrationAnalytics";
41
+ var IllustrationAnalytics = React.memo(_IllustrationAnalytics);
42
+ //#endregion
43
+ //#region src/illustrations/IllustrationChat.tsx
44
+ /**
45
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
46
+ */
47
+ var _svgContent$16 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M76.576 9.31c21.654.426 44.636 1.287 59.309 17.23 15.779 17.142 20.606 41.684 15.932 64.517-4.811 23.501-18.534 45.39-40.429 55.155-21.256 9.48-45.702 3.827-65.904-7.731-18.38-10.516-28.812-29.215-34.393-49.652-5.982-21.91-11.264-47.16 3.17-64.688C28.548 6.794 54.118 8.867 76.577 9.31\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_5_6618)\"><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M79.983 19c6.627 0 12 5.373 12 12v24.547c0 6.627-5.373 12-12 12H50.377l-8.322 7.602c-1.136 1.037-2.968.379-3.185-1.143l-.92-6.46H32c-6.627 0-12-5.372-12-12V31c0-6.627 5.373-12 12-12z\" clip-rule=\"evenodd\"></path></g><g filter=\"url(#filter1_d_5_6618)\"><path fill=\"var(--ds-illustration-500)\" fill-rule=\"evenodd\" d=\"M71.156 71.611c-8.837 0-16 7.164-16 16v24.917c0 8.837 7.163 16 16 16h27.776l13.822 12.625c1.135 1.037 2.968.38 3.184-1.142l1.636-11.483h6.957c8.837 0 16-7.163 16-16V87.611c0-8.836-7.163-16-16-16z\" clip-rule=\"evenodd\"></path></g><rect width=\"48.786\" height=\"4\" x=\"73.569\" y=\"92.656\" fill=\"#fff\" rx=\"2\"></rect><rect width=\"48.786\" height=\"4\" x=\"73.569\" y=\"105.092\" fill=\"#fff\" rx=\"2\"></rect><rect width=\"35.394\" height=\"4\" x=\"38.176\" y=\"35.261\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"35.394\" height=\"4\" x=\"38.176\" y=\"46.093\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><ellipse cx=\"140.501\" cy=\"19\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"140\" cy=\"18.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 140 18.5)\"></ellipse><ellipse cx=\"124.501\" cy=\"40\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"124\" cy=\"39.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 124 39.5)\"></ellipse><ellipse cx=\"21.501\" cy=\"124\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"21\" cy=\"123.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 21 123.501)\"></ellipse><defs><filter id=\"filter0_d_5_6618\" width=\"91.983\" height=\"76.652\" x=\"10\" y=\"9\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6618\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6618\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_5_6618\" width=\"105.375\" height=\"90.045\" x=\"45.156\" y=\"61.611\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6618\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6618\" result=\"shape\"></feBlend></filter></defs>";
48
+ var _IllustrationChat = React.forwardRef((props, ref) => {
49
+ const { className, color = "primary", ...rest } = props;
50
+ const finalClassName = [
51
+ "ds-illustration ds-illustration-chat",
52
+ color === "neutral" ? "ds-illustration--neutral" : "",
53
+ className
54
+ ].filter(Boolean).join(" ");
55
+ return /* @__PURE__ */ jsx("svg", {
56
+ "aria-hidden": "true",
57
+ fill: "none",
58
+ viewBox: "0 0 160 160",
59
+ width: "160",
60
+ height: "160",
61
+ ...rest,
62
+ className: finalClassName,
63
+ ref,
64
+ "data-c13y-component": "illustration",
65
+ dangerouslySetInnerHTML: { __html: _svgContent$16 }
66
+ });
67
+ });
68
+ _IllustrationChat.displayName = "IllustrationChat";
69
+ var IllustrationChat = React.memo(_IllustrationChat);
70
+ //#endregion
71
+ //#region src/illustrations/IllustrationClipboard.tsx
72
+ /**
73
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
74
+ */
75
+ var _svgContent$15 = "<g clip-path=\"url(#clip0_758_5102)\"><path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M76.77 155.999c27.839-.126 52.238-16.495 62.26-41.979 12.229-31.098 17.672-71.108-10.408-89.87-26.845-17.937-58.315 7.134-83.734 26.969-20.839 16.26-39.781 38.438-32.171 63.473 8.079 26.578 35.785 41.535 64.053 41.407\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_758_5102)\"><rect width=\"90\" height=\"116\" x=\"35.2\" y=\"24\" fill=\"#fff\" rx=\"12\"></rect><path fill=\"var(--ds-illustration-500)\" d=\"M54 56a6 6 0 1 0 6 6 6.007 6.007 0 0 0-6-6\"></path><rect width=\"46\" height=\"4\" x=\"66\" y=\"57\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"30\" height=\"4\" x=\"66\" y=\"65\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><path fill=\"var(--ds-illustration-500)\" d=\"M54 82a6 6 0 1 0 6 6 6.007 6.007 0 0 0-6-6\"></path><rect width=\"46\" height=\"4\" x=\"66\" y=\"83\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"30\" height=\"4\" x=\"66\" y=\"91\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><path fill=\"var(--ds-illustration-500)\" d=\"M54 108a6 6 0 1 0 6 6 6.007 6.007 0 0 0-6-6\"></path><rect width=\"46\" height=\"4\" x=\"66\" y=\"109\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"30\" height=\"4\" x=\"66\" y=\"117\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><path fill=\"var(--ds-illustration-300)\" d=\"M35 36c0-6.627 5.373-12 12-12h66c6.627 0 12 5.373 12 12v6H35z\"></path><path fill=\"var(--ds-illustration-500)\" d=\"M58 22.4a5.4 5.4 0 0 1 5.4-5.4h33.2a5.4 5.4 0 0 1 5.4 5.4V31a2 2 0 0 1-2 2H60a2 2 0 0 1-2-2z\"></path><rect width=\"16\" height=\"16\" x=\"72\" y=\"11\" fill=\"var(--ds-illustration-500)\" rx=\"8\"></rect></g><ellipse cx=\"29.501\" cy=\"17\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"29\" cy=\"16.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 29 16.501)\"></ellipse><ellipse cx=\"19.309\" cy=\"38\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"19\" cy=\"37.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 19 37.693)\"></ellipse></g><defs><clipPath id=\"clip0_758_5102\"><path fill=\"#fff\" d=\"M0 0h160v160H0z\"></path></clipPath><filter id=\"filter0_d_758_5102\" width=\"120.2\" height=\"161\" x=\"20\" y=\"-6\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"7.5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0.204477 0 0 0 0 0.483105 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_5102\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_5102\" result=\"shape\"></feBlend></filter></defs>";
76
+ var _IllustrationClipboard = React.forwardRef((props, ref) => {
77
+ const { className, color = "primary", ...rest } = props;
78
+ const finalClassName = [
79
+ "ds-illustration ds-illustration-clipboard",
80
+ color === "neutral" ? "ds-illustration--neutral" : "",
81
+ className
82
+ ].filter(Boolean).join(" ");
83
+ return /* @__PURE__ */ jsx("svg", {
84
+ "aria-hidden": "true",
85
+ fill: "none",
86
+ viewBox: "0 0 160 160",
87
+ width: "160",
88
+ height: "160",
89
+ ...rest,
90
+ className: finalClassName,
91
+ ref,
92
+ "data-c13y-component": "illustration",
93
+ dangerouslySetInnerHTML: { __html: _svgContent$15 }
94
+ });
95
+ });
96
+ _IllustrationClipboard.displayName = "IllustrationClipboard";
97
+ var IllustrationClipboard = React.memo(_IllustrationClipboard);
98
+ //#endregion
99
+ //#region src/illustrations/IllustrationDocument.tsx
100
+ /**
101
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
102
+ */
103
+ var _svgContent$14 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M76.43 5.042c22.017.986 35.53 22.066 48.733 39.74 12.464 16.684 26.102 34.669 22.138 55.124-4.081 21.056-22.182 35.625-41.514 44.854-19.219 9.176-41.49 13.325-60.586 3.892-18.914-9.343-28.765-29.569-33.198-50.219-4.351-20.267-1.86-41.218 9.907-58.273C34.832 21.428 53.72 4.026 76.43 5.042\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_5_6650)\"><path fill=\"#fff\" d=\"M36 33c0-6.627 5.373-12 12-12h65c6.627 0 12 5.373 12 12v95c0 6.627-5.373 12-12 12H48c-6.627 0-12-5.373-12-12z\"></path></g><rect width=\"65\" height=\"4\" x=\"48\" y=\"104\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"65\" height=\"4\" x=\"48\" y=\"117\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"65\" height=\"4\" x=\"48\" y=\"91\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"65\" height=\"4\" x=\"48\" y=\"39\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"23\" height=\"4\" x=\"90\" y=\"52\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"23\" height=\"4\" x=\"90\" y=\"65\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"23\" height=\"4\" x=\"90\" y=\"78\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"32\" height=\"30\" x=\"48\" y=\"52\" fill=\"var(--ds-illustration-500)\" rx=\"6\"></rect><ellipse cx=\"127.309\" cy=\"11\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"127\" cy=\"10.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 127 10.693)\"></ellipse><ellipse cx=\"143.501\" cy=\"36\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"143\" cy=\"35.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 143 35.5)\"></ellipse><ellipse cx=\"17.501\" cy=\"117\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"17\" cy=\"116.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 17 116.501)\"></ellipse><defs><filter id=\"filter0_d_5_6650\" width=\"109\" height=\"139\" x=\"26\" y=\"11\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6650\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6650\" result=\"shape\"></feBlend></filter></defs>";
104
+ var _IllustrationDocument = React.forwardRef((props, ref) => {
105
+ const { className, color = "primary", ...rest } = props;
106
+ const finalClassName = [
107
+ "ds-illustration ds-illustration-document",
108
+ color === "neutral" ? "ds-illustration--neutral" : "",
109
+ className
110
+ ].filter(Boolean).join(" ");
111
+ return /* @__PURE__ */ jsx("svg", {
112
+ "aria-hidden": "true",
113
+ fill: "none",
114
+ viewBox: "0 0 160 160",
115
+ width: "160",
116
+ height: "160",
117
+ ...rest,
118
+ className: finalClassName,
119
+ ref,
120
+ "data-c13y-component": "illustration",
121
+ dangerouslySetInnerHTML: { __html: _svgContent$14 }
122
+ });
123
+ });
124
+ _IllustrationDocument.displayName = "IllustrationDocument";
125
+ var IllustrationDocument = React.memo(_IllustrationDocument);
126
+ //#endregion
127
+ //#region src/illustrations/IllustrationDocuments.tsx
128
+ /**
129
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
130
+ */
131
+ var _svgContent$13 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M76.576 9.31c21.654.426 44.636 1.287 59.309 17.23 15.779 17.142 20.606 41.684 15.932 64.517-4.811 23.501-18.534 45.39-40.429 55.155-21.256 9.48-45.702 3.827-65.904-7.731-18.38-10.516-28.812-29.215-34.393-49.652-5.982-21.91-11.264-47.16 3.17-64.688C28.548 6.794 54.118 8.867 76.577 9.31\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_5_6684)\"><path fill=\"var(--ds-illustration-300)\" d=\"M23.813 61.929c-2.226-6.243 1.03-13.108 7.273-15.334L71.68 32.121c6.242-2.226 13.107 1.03 15.333 7.273l22.07 61.898c2.226 6.242-1.03 13.107-7.273 15.333l-40.594 14.474c-6.242 2.226-13.107-1.03-15.333-7.273z\"></path></g><rect width=\"49.004\" height=\"4\" x=\"53.619\" y=\"108.973\" fill=\"var(--ds-illustration-50)\" rx=\"2\" transform=\"rotate(-19.624 53.62 108.973)\"></rect><rect width=\"49.004\" height=\"4\" x=\"48.199\" y=\"94.519\" fill=\"var(--ds-illustration-50)\" rx=\"2\" transform=\"rotate(-19.624 48.2 94.52)\"></rect><rect width=\"49.004\" height=\"4\" x=\"38.263\" y=\"64.71\" fill=\"var(--ds-illustration-50)\" rx=\"2\" transform=\"rotate(-19.624 38.263 64.71)\"></rect><rect width=\"49.004\" height=\"4\" x=\"42.779\" y=\"80.066\" fill=\"var(--ds-illustration-50)\" rx=\"2\" transform=\"rotate(-19.624 42.78 80.066)\"></rect><g filter=\"url(#filter1_d_5_6684)\"><rect width=\"67.098\" height=\"89.715\" x=\"73.851\" y=\"25.609\" fill=\"#fff\" rx=\"12\" transform=\"rotate(11.98 73.85 25.609)\"></rect></g><rect width=\"49.004\" height=\"4\" x=\"69.273\" y=\"93.933\" fill=\"var(--ds-illustration-500)\" rx=\"2\" transform=\"rotate(11.98 69.273 93.933)\"></rect><rect width=\"49.004\" height=\"4\" x=\"72.232\" y=\"78.783\" fill=\"var(--ds-illustration-500)\" rx=\"2\" transform=\"rotate(11.98 72.232 78.783)\"></rect><rect width=\"49.004\" height=\"4\" x=\"79.39\" y=\"48.188\" fill=\"var(--ds-illustration-500)\" rx=\"2\" transform=\"rotate(11.98 79.39 48.188)\"></rect><rect width=\"49.004\" height=\"4\" x=\"75.19\" y=\"63.633\" fill=\"var(--ds-illustration-500)\" rx=\"2\" transform=\"rotate(11.98 75.19 63.633)\"></rect><ellipse cx=\"18.501\" cy=\"26\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"18\" cy=\"25.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 18 25.5)\"></ellipse><ellipse cx=\"143.501\" cy=\"128\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"143\" cy=\"127.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 143 127.501)\"></ellipse><ellipse cx=\"52.309\" cy=\"12\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"52\" cy=\"11.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 52 11.693)\"></ellipse><defs><filter id=\"filter0_d_5_6684\" width=\"106.671\" height=\"120.379\" x=\"13.113\" y=\"21.421\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6684\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6684\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_5_6684\" width=\"99.805\" height=\"117.234\" x=\"47.455\" y=\"17.836\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6684\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6684\" result=\"shape\"></feBlend></filter></defs>";
132
+ var _IllustrationDocuments = React.forwardRef((props, ref) => {
133
+ const { className, color = "primary", ...rest } = props;
134
+ const finalClassName = [
135
+ "ds-illustration ds-illustration-documents",
136
+ color === "neutral" ? "ds-illustration--neutral" : "",
137
+ className
138
+ ].filter(Boolean).join(" ");
139
+ return /* @__PURE__ */ jsx("svg", {
140
+ "aria-hidden": "true",
141
+ fill: "none",
142
+ viewBox: "0 0 160 160",
143
+ width: "160",
144
+ height: "160",
145
+ ...rest,
146
+ className: finalClassName,
147
+ ref,
148
+ "data-c13y-component": "illustration",
149
+ dangerouslySetInnerHTML: { __html: _svgContent$13 }
150
+ });
151
+ });
152
+ _IllustrationDocuments.displayName = "IllustrationDocuments";
153
+ var IllustrationDocuments = React.memo(_IllustrationDocuments);
154
+ //#endregion
155
+ //#region src/illustrations/IllustrationDragDrop.tsx
156
+ /**
157
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
158
+ */
159
+ var _svgContent$12 = "<g clip-path=\"url(#clip0_5_6916)\"><path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M83.494 13.042c21.004-.964 38.8 14.737 50.623 32.124 10.696 15.73 10.887 34.93 7.726 53.689-3.494 20.737-6.92 45.007-25.887 54.089-18.945 9.072-39.694-4.009-58.285-13.784-17.42-9.159-36.796-19.145-40.938-38.385-4.104-19.063 9.84-35.697 21.649-51.214C50.708 33.362 63.16 13.976 83.494 13.042\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_5_6916)\"><rect width=\"108.212\" height=\"94.495\" x=\"32.788\" y=\"49.976\" fill=\"#fff\" rx=\"12\"></rect></g><rect width=\"83.924\" height=\"26.008\" x=\"45.694\" y=\"63.644\" fill=\"var(--ds-illustration-50)\" stroke=\"var(--ds-illustration-500)\" stroke-dasharray=\"12.78 12.78\" stroke-width=\"2.95\" rx=\"6.525\"></rect><g filter=\"url(#filter1_d_5_6916)\"><rect width=\"86.875\" height=\"28.958\" x=\"5.354\" y=\"56.365\" fill=\"var(--ds-illustration-300)\" rx=\"8\" transform=\"rotate(-14.918 5.354 56.365)\"></rect></g><rect width=\"86.875\" height=\"28.958\" x=\"43.456\" y=\"103.32\" fill=\"var(--ds-illustration-300)\" rx=\"8\"></rect><ellipse cx=\"140.501\" cy=\"21\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"140\" cy=\"20.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 140 20.5)\"></ellipse><ellipse cx=\"18.232\" cy=\"31\" fill=\"var(--ds-illustration-500)\" rx=\".692\" ry=\"6\"></ellipse><ellipse cx=\"18\" cy=\"30.77\" fill=\"var(--ds-illustration-500)\" rx=\".692\" ry=\"6\" transform=\"rotate(-90 18 30.77)\"></ellipse><ellipse cx=\"33.309\" cy=\"20\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"33\" cy=\"19.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 33 19.693)\"></ellipse></g><defs><filter id=\"filter0_d_5_6916\" width=\"128.212\" height=\"114.495\" x=\"22.788\" y=\"39.976\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6916\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6916\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_5_6916\" width=\"107.826\" height=\"66.772\" x=\"-2.858\" y=\"25.788\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6916\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6916\" result=\"shape\"></feBlend></filter><clipPath id=\"clip0_5_6916\"><path fill=\"#fff\" d=\"M0 0h160v160H0z\"></path></clipPath></defs>";
160
+ var _IllustrationDragDrop = React.forwardRef((props, ref) => {
161
+ const { className, color = "primary", ...rest } = props;
162
+ const finalClassName = [
163
+ "ds-illustration ds-illustration-drag-drop",
164
+ color === "neutral" ? "ds-illustration--neutral" : "",
165
+ className
166
+ ].filter(Boolean).join(" ");
167
+ return /* @__PURE__ */ jsx("svg", {
168
+ "aria-hidden": "true",
169
+ fill: "none",
170
+ viewBox: "0 0 160 160",
171
+ width: "160",
172
+ height: "160",
173
+ ...rest,
174
+ className: finalClassName,
175
+ ref,
176
+ "data-c13y-component": "illustration",
177
+ dangerouslySetInnerHTML: { __html: _svgContent$12 }
178
+ });
179
+ });
180
+ _IllustrationDragDrop.displayName = "IllustrationDragDrop";
181
+ var IllustrationDragDrop = React.memo(_IllustrationDragDrop);
182
+ //#endregion
183
+ //#region src/illustrations/IllustrationEmailDraft.tsx
184
+ /**
185
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
186
+ */
187
+ var _svgContent$11 = "<g clip-path=\"url(#clip0_253_37012)\"><path fill=\"var(--ds-illustration-50)\" d=\"M146 80.13C146 123.45 121.991 155 83.213 155S13.564 129.534 13 89.568C12.428 49.063 47.11 20.21 83.213 22 114.984 23.574 146 36.812 146 80.13\"></path><ellipse cx=\"51.309\" cy=\"16\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"51\" cy=\"15.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 51 15.693)\"></ellipse><ellipse cx=\"17.501\" cy=\"43\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"17\" cy=\"42.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 17 42.5)\"></ellipse><g filter=\"url(#filter0_d_253_37012)\"><path fill=\"var(--ds-illustration-500)\" d=\"M31.702 90.241h97.439c1.447 0 2.239-1.685 1.317-2.8L90.26 38.851c-4.755-5.748-13.546-5.81-18.382-.132L30.4 87.423c-.945 1.11-.156 2.818 1.302 2.818\"></path></g><path fill=\"var(--ds-illustration-500)\" d=\"M30 88.71c0-.944.765-1.71 1.71-1.71h97.58c.945 0 1.71.766 1.71 1.71V140a8 8 0 0 1-8 8H38a8 8 0 0 1-8-8z\"></path><g filter=\"url(#filter1_d_253_37012)\"><rect width=\"73.522\" height=\"98.304\" x=\"43.652\" y=\"40\" fill=\"#fff\" rx=\"9.913\"></rect></g><rect width=\"45\" height=\"4\" x=\"55\" y=\"55\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"45\" height=\"4\" x=\"55\" y=\"67\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"45\" height=\"4\" x=\"55\" y=\"79\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"35.05\" height=\"4\" x=\"55\" y=\"91\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><g filter=\"url(#filter2_d_253_37012)\"><path fill=\"var(--ds-illustration-300)\" d=\"M30 139.872V88.5s2.32 4.411 5 5.607c2 .893 65.617 27.654 65.617 27.654l-59.468 25.465C35.87 149.486 30 145.614 30 139.872\"></path></g><g filter=\"url(#filter3_d_253_37012)\"><path fill=\"var(--ds-illustration-300)\" d=\"M130.967 139.872V88.5s-2.321 4.411-5 5.607c-2 .893-65.617 27.654-65.617 27.654l59.468 25.465c5.279 2.26 11.149-1.612 11.149-7.354\"></path></g><g filter=\"url(#filter4_d_253_37012)\"><path fill=\"var(--ds-illustration-300)\" d=\"M38.096 148h84.812c8.013 0 11.05-10.473 4.279-14.759l-39.836-25.22a12 12 0 0 0-12.74-.061L33.88 133.2c-6.845 4.242-3.838 14.8 4.215 14.8\"></path></g><g filter=\"url(#filter5_d_253_37012)\"><path fill=\"var(--ds-illustration-500)\" d=\"M111.753 91.4 97.611 77.26 132.962 41.9l14.142 14.142z\"></path><path fill=\"var(--ds-illustration-300)\" d=\"m147.109 56.046-14.143-14.143 2.829-2.828c3.904-3.906 10.236-3.906 14.141-.001s3.905 10.237.001 14.143zM111.751 91.4 97.609 77.257l-3.24 16.208a1 1 0 0 0 1.176 1.177z\"></path></g></g><defs><filter id=\"filter0_d_253_37012\" width=\"120.865\" height=\"75.741\" x=\"19.989\" y=\"24.5\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_37012\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_37012\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_253_37012\" width=\"90.043\" height=\"114.826\" x=\"35.391\" y=\"31.739\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"4.13\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_37012\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_37012\" result=\"shape\"></feBlend></filter><filter id=\"filter2_d_253_37012\" width=\"90.617\" height=\"79.38\" x=\"20\" y=\"78.5\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_37012\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_37012\" result=\"shape\"></feBlend></filter><filter id=\"filter3_d_253_37012\" width=\"90.617\" height=\"79.38\" x=\"50.35\" y=\"78.5\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_37012\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_37012\" result=\"shape\"></feBlend></filter><filter id=\"filter4_d_253_37012\" width=\"120.84\" height=\"61.84\" x=\"20.082\" y=\"96.16\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_37012\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_37012\" result=\"shape\"></feBlend></filter><filter id=\"filter5_d_253_37012\" width=\"130.516\" height=\"130.517\" x=\"50.349\" y=\"8.145\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset dx=\"-8\" dy=\"8\"></feOffset><feGaussianBlur stdDeviation=\"18\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_37012\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_37012\" result=\"shape\"></feBlend></filter><clipPath id=\"clip0_253_37012\"><path fill=\"#fff\" d=\"M0 0h160v160H0z\"></path></clipPath></defs>";
188
+ var _IllustrationEmailDraft = React.forwardRef((props, ref) => {
189
+ const { className, color = "primary", ...rest } = props;
190
+ const finalClassName = [
191
+ "ds-illustration ds-illustration-email-draft",
192
+ color === "neutral" ? "ds-illustration--neutral" : "",
193
+ className
194
+ ].filter(Boolean).join(" ");
195
+ return /* @__PURE__ */ jsx("svg", {
196
+ "aria-hidden": "true",
197
+ fill: "none",
198
+ viewBox: "0 0 160 160",
199
+ width: "160",
200
+ height: "160",
201
+ ...rest,
202
+ className: finalClassName,
203
+ ref,
204
+ "data-c13y-component": "illustration",
205
+ dangerouslySetInnerHTML: { __html: _svgContent$11 }
206
+ });
207
+ });
208
+ _IllustrationEmailDraft.displayName = "IllustrationEmailDraft";
209
+ var IllustrationEmailDraft = React.memo(_IllustrationEmailDraft);
210
+ //#endregion
211
+ //#region src/illustrations/IllustrationEmailFolder.tsx
212
+ /**
213
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
214
+ */
215
+ var _svgContent$10 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M81.81 10.015c21.099.402 41.755 9.391 53.988 26.61 11.544 16.249 10.973 37.558 5.146 56.627-5.269 17.244-18.388 29.703-34.176 38.379-17.232 9.469-36.752 17.876-55.033 10.642-19.578-7.748-32.187-26.687-37.23-47.154-5.162-20.952-2.697-43.68 10.683-60.598C38.618 17.539 60.182 9.604 81.81 10.015\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_758_4749)\"><path fill=\"var(--ds-illustration-500)\" fill-rule=\"evenodd\" d=\"M18.235 62.174c-.034-1.984 1.403-3.705 3.356-4.046l36.792-6.425a3.92 3.92 0 0 1 4.538 3.106l1.075 5.446a.985.985 0 0 0 1.237.756c15.39-4.273 31.913-6.642 33.43-6.935 10.142-1.955 15.002-2.5 23.022-3.394 2.347-.262 4.385 1.558 4.335 3.924-.273 12.77-1.604 21.68-1.052 28.705.541 6.88 3.717 16.571 5.626 29.941.449 3.141-1.748 6.055-4.876 6.624l-96.263 17.499c-3.687-12.437-6.665-26.327-8.549-38.848-1.716-11.406-2.471-24.462-2.671-36.353\" clip-rule=\"evenodd\"></path></g><path fill=\"#fff\" d=\"M59.217 57.222a1.275 1.275 0 0 1 1.465-1.052l71.804 11.809c.695.114 1.166.77 1.051 1.465l-6.207 37.742a5.964 5.964 0 0 1-6.854 4.918l-62.547-10.286a5.966 5.966 0 0 1-4.919-6.855z\"></path><g filter=\"url(#filter1_d_758_4749)\"><path fill=\"#fff\" d=\"m53.026 94.869 6.217-37.802s1.174 3.527 3 4.731c1.364.9 44.938 28.29 44.938 28.29L60.34 101.63c-4.158 1.024-8.009-2.536-7.314-6.761\"></path></g><g filter=\"url(#filter2_d_758_4749)\"><path fill=\"#fff\" d=\"m127.322 107.087 6.217-37.801s-2.242 2.965-4.358 3.52c-1.58.416-51.63 12.409-51.63 12.409l40.677 25.935c3.611 2.302 8.399.163 9.094-4.063\"></path></g><g filter=\"url(#filter3_d_758_4749)\"><path fill=\"#fff\" d=\"m58 101.83 62.408 10.263c5.896.97 9.398-6.369 4.935-10.343L99.082 78.372a8.95 8.95 0 0 0-9.368-1.587L56.69 90.429c-5.55 2.293-4.616 10.426 1.31 11.401\"></path></g><g filter=\"url(#filter4_d_758_4749)\"><path fill=\"#fff\" d=\"m66.229 51.792 62.408 10.264c5.896.97 6.863 9.043 1.362 11.378L97.634 87.171a8.95 8.95 0 0 1-9.382-1.496L61.337 62.173c-4.524-3.95-1.034-11.355 4.892-10.38\"></path></g><path fill=\"#fff\" d=\"M9.616 76.157a1.275 1.275 0 0 1 .612-1.696l65.856-30.955a1.275 1.275 0 0 1 1.696.611l16.27 34.616a5.966 5.966 0 0 1-2.86 7.936l-57.366 26.965a5.967 5.967 0 0 1-7.937-2.862z\"></path><g filter=\"url(#filter5_d_758_4749)\"><path fill=\"#fff\" d=\"M25.846 110.686 9.55 76.016s2.966 2.24 5.153 2.197c1.633-.031 53.057-2.152 53.057-2.152l-32.056 36.051c-2.846 3.2-8.036 2.449-9.858-1.426\"></path></g><g filter=\"url(#filter6_d_758_4749)\"><path fill=\"#fff\" d=\"m93.988 78.656-16.296-34.67s-.167 3.713-1.596 5.37c-1.067 1.237-35.512 39.48-35.512 39.48l48.213-1.68c4.28-.149 7.013-4.624 5.191-8.5\"></path></g><g filter=\"url(#filter7_d_758_4749)\"><path fill=\"#fff\" d=\"m33.889 113.603 57.238-26.904c5.409-2.542 4.136-10.574-1.794-11.319l-34.885-4.383a8.95 8.95 0 0 0-8.618 4l-19.48 29.955c-3.274 5.034 2.104 11.206 7.539 8.651\"></path></g><g filter=\"url(#filter8_d_758_4749)\"><path fill=\"#fff\" d=\"m12.317 67.71 57.239-26.904c5.408-2.542 10.78 3.563 7.57 8.604L58.241 79.067a8.95 8.95 0 0 1-8.578 4.083l-35.495-4.114c-5.965-.692-7.286-8.77-1.85-11.325\"></path></g><g filter=\"url(#filter9_d_758_4749)\"><path fill=\"var(--ds-illustration-300)\" fill-rule=\"evenodd\" d=\"M44.084 79.262a8 8 0 0 1 5.731-4.75q31.155-6.585 57.055-9.503 22.764-2.566 38.49-1.965c2.944.113 4.544 3.35 3.048 5.922-4.341 7.46-8.33 15.258-11.113 22.954-3.1 8.572-5.096 17.186-6.299 25.429-.259 1.775-1.621 3.211-3.384 3.512l-98.199 16.813c1.353-14.962 4.236-26.6 6.381-34.652q2.81-10.554 8.29-23.76\" clip-rule=\"evenodd\"></path></g><ellipse cx=\"17.501\" cy=\"28\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"17\" cy=\"27.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 17 27.501)\"></ellipse><ellipse cx=\"43.309\" cy=\"20\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"43\" cy=\"19.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 43 19.693)\"></ellipse><defs><filter id=\"filter0_d_758_4749\" width=\"132.418\" height=\"106.718\" x=\"8.234\" y=\"40.657\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_758_4749\" width=\"69.151\" height=\"59.654\" x=\"45.487\" y=\"49.61\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter2_d_758_4749\" width=\"70.903\" height=\"57.719\" x=\"70.093\" y=\"61.829\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter3_d_758_4749\" width=\"89.278\" height=\"50.988\" x=\"45.543\" y=\"68.649\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter4_d_758_4749\" width=\"89.278\" height=\"51.093\" x=\"51.815\" y=\"44.248\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter5_d_758_4749\" width=\"73.125\" height=\"53.014\" x=\"2.093\" y=\"68.558\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter6_d_758_4749\" width=\"68.892\" height=\"59.764\" x=\"33.127\" y=\"36.529\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter7_d_758_4749\" width=\"84.121\" height=\"58.188\" x=\"17.895\" y=\"63.469\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter8_d_758_4749\" width=\"84.121\" height=\"57.914\" x=\"1.428\" y=\"32.753\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter9_d_758_4749\" width=\"139.565\" height=\"94.744\" x=\"19.413\" y=\"52.93\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter></defs>";
216
+ var _IllustrationEmailFolder = React.forwardRef((props, ref) => {
217
+ const { className, color = "primary", ...rest } = props;
218
+ const finalClassName = [
219
+ "ds-illustration ds-illustration-email-folder",
220
+ color === "neutral" ? "ds-illustration--neutral" : "",
221
+ className
222
+ ].filter(Boolean).join(" ");
223
+ return /* @__PURE__ */ jsx("svg", {
224
+ "aria-hidden": "true",
225
+ fill: "none",
226
+ viewBox: "0 0 160 160",
227
+ width: "160",
228
+ height: "160",
229
+ ...rest,
230
+ className: finalClassName,
231
+ ref,
232
+ "data-c13y-component": "illustration",
233
+ dangerouslySetInnerHTML: { __html: _svgContent$10 }
234
+ });
235
+ });
236
+ _IllustrationEmailFolder.displayName = "IllustrationEmailFolder";
237
+ var IllustrationEmailFolder = React.memo(_IllustrationEmailFolder);
238
+ //#endregion
239
+ //#region src/illustrations/IllustrationEmailScheduled.tsx
240
+ /**
241
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
242
+ */
243
+ var _svgContent$9 = "<path fill=\"var(--ds-illustration-50)\" d=\"M147 68.837C147 106.775 114.542 157 81.26 157 47.98 157 21 137.633 21 99.694S32.279 34.674 81.26 31c33.282 0 65.74-.102 65.74 37.837\"></path><g filter=\"url(#filter0_d_253_37051)\"><path fill=\"#fff\" d=\"m81.859 125.859-20.264-22.895a1.915 1.915 0 0 1 .756-3.06l49.605-18.786c2.214-.838 1.235-4.16-1.08-3.663l-59.955 12.86a1.91 1.91 0 0 1-1.804-.569L29.642 68.792c-1.157-1.244-.241-3.266 1.457-3.217L139.44 68.66c1.697.049 2.496 2.116 1.274 3.293L84.621 125.97a1.914 1.914 0 0 1-2.762-.11\"></path><path stroke=\"#fff\" stroke-width=\"1.135\" d=\"m81.859 125.859-20.264-22.895a1.915 1.915 0 0 1 .756-3.06l49.605-18.786c2.214-.838 1.235-4.16-1.08-3.663l-59.955 12.86a1.91 1.91 0 0 1-1.804-.569L29.642 68.792c-1.157-1.244-.241-3.266 1.457-3.217L139.44 68.66c1.697.049 2.496 2.116 1.274 3.293L84.621 125.97a1.914 1.914 0 0 1-2.762-.11Z\"></path></g><path fill=\"var(--ds-illustration-500)\" d=\"m139.944 70.152-92.108 20.68a1.915 1.915 0 0 0-1.488 1.707l-2.845 33.598c-.13 1.531 1.506 2.583 2.845 1.831l23.123-12.986a1.914 1.914 0 0 0 .507-2.926l-8.312-9.546a1.915 1.915 0 0 1 .767-3.048z\"></path><ellipse cx=\"97.501\" cy=\"17\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"97\" cy=\"16.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 97 16.501)\"></ellipse><ellipse cx=\"123.309\" cy=\"28\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"123\" cy=\"27.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 123 27.693)\"></ellipse><ellipse cx=\"72.309\" cy=\"148\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"72\" cy=\"147.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 72 147.693)\"></ellipse><circle cx=\"119.25\" cy=\"119.25\" r=\"25.25\" fill=\"var(--ds-illustration-500)\"></circle><circle cx=\"118.897\" cy=\"118.897\" r=\"20.897\" fill=\"#fff\"></circle><rect width=\"5\" height=\"17\" x=\"134\" y=\"117\" fill=\"var(--ds-illustration-500)\" rx=\"2.5\" transform=\"rotate(90 134 117)\"></rect><rect width=\"5\" height=\"17\" x=\"117\" y=\"105\" fill=\"var(--ds-illustration-500)\" rx=\"2.5\"></rect><circle cx=\"119.5\" cy=\"119.5\" r=\"4.5\" fill=\"var(--ds-illustration-300)\"></circle><defs><filter id=\"filter0_d_253_37051\" width=\"133.317\" height=\"82.066\" x=\"18.556\" y=\"55.006\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_37051\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_37051\" result=\"shape\"></feBlend></filter></defs>";
244
+ var _IllustrationEmailScheduled = React.forwardRef((props, ref) => {
245
+ const { className, color = "primary", ...rest } = props;
246
+ const finalClassName = [
247
+ "ds-illustration ds-illustration-email-scheduled",
248
+ color === "neutral" ? "ds-illustration--neutral" : "",
249
+ className
250
+ ].filter(Boolean).join(" ");
251
+ return /* @__PURE__ */ jsx("svg", {
252
+ "aria-hidden": "true",
253
+ fill: "none",
254
+ viewBox: "0 0 160 160",
255
+ width: "160",
256
+ height: "160",
257
+ ...rest,
258
+ className: finalClassName,
259
+ ref,
260
+ "data-c13y-component": "illustration",
261
+ dangerouslySetInnerHTML: { __html: _svgContent$9 }
262
+ });
263
+ });
264
+ _IllustrationEmailScheduled.displayName = "IllustrationEmailScheduled";
265
+ var IllustrationEmailScheduled = React.memo(_IllustrationEmailScheduled);
266
+ //#endregion
267
+ //#region src/illustrations/IllustrationEmailSent.tsx
268
+ /**
269
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
270
+ */
271
+ var _svgContent$8 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M78.192 22c-23.2.106-43.532 13.747-51.883 34.983-10.192 25.915-14.727 59.257 8.673 74.892 22.37 14.947 48.595-5.945 69.778-22.474 17.366-13.55 33.151-32.032 26.809-52.894-6.732-22.149-29.82-34.613-53.377-34.506\" clip-rule=\"evenodd\"></path><path fill=\"var(--ds-illustration-300)\" d=\"M29 62.71c0-.944.765-1.71 1.71-1.71h97.58c.945 0 1.71.766 1.71 1.71V114a8 8 0 0 1-8 8H37a8 8 0 0 1-8-8z\"></path><g filter=\"url(#filter0_d_253_36983)\"><path fill=\"var(--ds-illustration-300)\" d=\"M29 113.872V62.5s2.32 4.411 5 5.607C36 69 99.617 95.761 99.617 95.761L40.15 121.226C34.87 123.486 29 119.614 29 113.872\"></path></g><g filter=\"url(#filter1_d_253_36983)\"><path fill=\"var(--ds-illustration-300)\" d=\"M129.967 113.872V62.5s-2.321 4.411-5 5.607c-2 .893-65.617 27.654-65.617 27.654l59.468 25.465c5.279 2.26 11.149-1.612 11.149-7.354\"></path></g><g filter=\"url(#filter2_d_253_36983)\"><path fill=\"var(--ds-illustration-300)\" d=\"M37.096 122h84.812c8.013 0 11.05-10.473 4.279-14.759l-39.836-25.22a12 12 0 0 0-12.74-.061L32.88 107.2c-6.845 4.242-3.838 14.8 4.215 14.8\"></path></g><g filter=\"url(#filter3_d_253_36983)\"><path fill=\"var(--ds-illustration-300)\" d=\"M37.096 54h84.812c8.013 0 11.05 10.473 4.279 14.76L86.351 93.98a12 12 0 0 1-12.74.06L32.88 68.8C26.037 64.558 29.044 54 37.097 54\"></path></g><g filter=\"url(#filter4_d_253_36983)\"><path fill=\"#fff\" d=\"m122.186 141.982-11.86-10.745a1.002 1.002 0 0 1 .217-1.635l24.725-12.63c1.104-.563.403-2.235-.772-1.843l-30.452 10.142a1 1 0 0 1-.971-.192l-11.34-9.78c-.672-.581-.312-1.685.574-1.758l56.544-4.632c.885-.072 1.42.957.852 1.64l-26.074 31.331a1 1 0 0 1-1.443.102\"></path><path stroke=\"#fff\" stroke-width=\".594\" d=\"m122.186 141.982-11.86-10.745a1.002 1.002 0 0 1 .217-1.635l24.725-12.63c1.104-.563.403-2.235-.772-1.843l-30.452 10.142a1 1 0 0 1-.971-.192l-11.34-9.78c-.672-.581-.312-1.685.574-1.758l56.544-4.632c.885-.072 1.42.957.852 1.64l-26.074 31.331a1 1 0 0 1-1.443.102Z\"></path></g><path fill=\"var(--ds-illustration-500)\" d=\"m149.198 109.656-46.729 16.062a1 1 0 0 0-.676.974l.454 17.643a1.003 1.003 0 0 0 1.586.789l11.282-8.087c.516-.37.562-1.122.095-1.552l-4.874-4.488a1.002 1.002 0 0 1 .224-1.63z\"></path><ellipse cx=\"36.309\" cy=\"29\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"36\" cy=\"28.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 36 28.693)\"></ellipse><ellipse cx=\"18.501\" cy=\"42\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"18\" cy=\"41.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 18 41.5)\"></ellipse><defs><filter id=\"filter0_d_253_36983\" width=\"90.617\" height=\"79.38\" x=\"19\" y=\"52.5\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_36983\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_36983\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_253_36983\" width=\"90.617\" height=\"79.38\" x=\"49.35\" y=\"52.5\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_36983\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_36983\" result=\"shape\"></feBlend></filter><filter id=\"filter2_d_253_36983\" width=\"120.84\" height=\"61.84\" x=\"19.082\" y=\"70.16\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_36983\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_36983\" result=\"shape\"></feBlend></filter><filter id=\"filter3_d_253_36983\" width=\"120.84\" height=\"61.84\" x=\"19.082\" y=\"44\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_36983\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_36983\" result=\"shape\"></feBlend></filter><filter id=\"filter4_d_253_36983\" width=\"69.617\" height=\"44.399\" x=\"85.853\" y=\"103.374\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"2.617\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_36983\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_36983\" result=\"shape\"></feBlend></filter></defs>";
272
+ var _IllustrationEmailSent = React.forwardRef((props, ref) => {
273
+ const { className, color = "primary", ...rest } = props;
274
+ const finalClassName = [
275
+ "ds-illustration ds-illustration-email-sent",
276
+ color === "neutral" ? "ds-illustration--neutral" : "",
277
+ className
278
+ ].filter(Boolean).join(" ");
279
+ return /* @__PURE__ */ jsx("svg", {
280
+ "aria-hidden": "true",
281
+ fill: "none",
282
+ viewBox: "0 0 160 160",
283
+ width: "160",
284
+ height: "160",
285
+ ...rest,
286
+ className: finalClassName,
287
+ ref,
288
+ "data-c13y-component": "illustration",
289
+ dangerouslySetInnerHTML: { __html: _svgContent$8 }
290
+ });
291
+ });
292
+ _IllustrationEmailSent.displayName = "IllustrationEmailSent";
293
+ var IllustrationEmailSent = React.memo(_IllustrationEmailSent);
294
+ //#endregion
295
+ //#region src/illustrations/IllustrationFolderEmpty.tsx
296
+ /**
297
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
298
+ */
299
+ var _svgContent$7 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M81.81 10.015c21.099.402 41.755 9.391 53.988 26.61 11.544 16.249 10.973 37.558 5.146 56.627-5.269 17.244-18.388 29.703-34.176 38.379-17.232 9.469-36.752 17.876-55.033 10.642-19.578-7.748-32.187-26.687-37.23-47.154-5.162-20.952-2.697-43.68 10.683-60.598C38.618 17.539 60.182 9.604 81.81 10.015\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_758_4766)\"><path fill=\"var(--ds-illustration-500)\" fill-rule=\"evenodd\" d=\"M18.235 62.174c-.034-1.984 1.403-3.705 3.356-4.046l36.792-6.425a3.92 3.92 0 0 1 4.538 3.106l1.075 5.446a.985.985 0 0 0 1.237.756c15.39-4.273 31.913-6.642 33.43-6.935 10.142-1.955 15.002-2.5 23.022-3.394 2.347-.262 4.385 1.558 4.335 3.924-.273 12.77-1.604 21.68-1.052 28.705.541 6.88 3.717 16.571 5.626 29.941.449 3.141-1.748 6.055-4.876 6.624l-96.263 17.499c-3.687-12.437-6.665-26.327-8.549-38.848-1.716-11.406-2.471-24.462-2.671-36.353\" clip-rule=\"evenodd\"></path></g><g filter=\"url(#filter1_d_758_4766)\"><path fill=\"var(--ds-illustration-300)\" fill-rule=\"evenodd\" d=\"M44.084 79.262a8 8 0 0 1 5.731-4.75q31.155-6.585 57.055-9.503 22.764-2.566 38.49-1.965c2.944.113 4.544 3.35 3.048 5.922-4.341 7.46-8.33 15.258-11.113 22.954-3.1 8.572-5.096 17.186-6.299 25.429-.259 1.775-1.621 3.211-3.384 3.512l-98.199 16.813c1.353-14.962 4.236-26.6 6.381-34.652q2.81-10.554 8.29-23.76\" clip-rule=\"evenodd\"></path></g><ellipse cx=\"17.501\" cy=\"28\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"17\" cy=\"27.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 17 27.501)\"></ellipse><ellipse cx=\"43.309\" cy=\"20\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"43\" cy=\"19.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 43 19.693)\"></ellipse><defs><filter id=\"filter0_d_758_4766\" width=\"132.418\" height=\"106.718\" x=\"8.234\" y=\"40.657\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4766\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4766\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_758_4766\" width=\"139.565\" height=\"94.744\" x=\"19.413\" y=\"52.93\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4766\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4766\" result=\"shape\"></feBlend></filter></defs>";
300
+ var _IllustrationFolderEmpty = React.forwardRef((props, ref) => {
301
+ const { className, color = "primary", ...rest } = props;
302
+ const finalClassName = [
303
+ "ds-illustration ds-illustration-folder-empty",
304
+ color === "neutral" ? "ds-illustration--neutral" : "",
305
+ className
306
+ ].filter(Boolean).join(" ");
307
+ return /* @__PURE__ */ jsx("svg", {
308
+ "aria-hidden": "true",
309
+ fill: "none",
310
+ viewBox: "0 0 160 160",
311
+ width: "160",
312
+ height: "160",
313
+ ...rest,
314
+ className: finalClassName,
315
+ ref,
316
+ "data-c13y-component": "illustration",
317
+ dangerouslySetInnerHTML: { __html: _svgContent$7 }
318
+ });
319
+ });
320
+ _IllustrationFolderEmpty.displayName = "IllustrationFolderEmpty";
321
+ var IllustrationFolderEmpty = React.memo(_IllustrationFolderEmpty);
322
+ //#endregion
323
+ //#region src/illustrations/IllustrationGroups.tsx
324
+ /**
325
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
326
+ */
327
+ var _svgContent$6 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M80.81 10.015c21.099.402 41.755 9.391 53.988 26.61 11.544 16.249 10.973 37.558 5.146 56.627-5.269 17.244-18.388 29.703-34.176 38.379-17.232 9.469-36.752 17.876-55.033 10.642-19.578-7.748-32.187-26.687-37.23-47.154-5.162-20.952-2.697-43.68 10.683-60.598C37.618 17.539 59.182 9.604 80.81 10.015\" clip-rule=\"evenodd\"></path><ellipse cx=\"139.501\" cy=\"20\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"139\" cy=\"19.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 139 19.5)\"></ellipse><g filter=\"url(#filter0_d_124_481)\"><path fill=\"var(--ds-illustration-500)\" d=\"M61.167 78c14.635 0 26.5-11.865 26.5-26.5S75.802 25 61.167 25s-26.5 11.865-26.5 26.5S46.53 78 61.167 78m0 5.889c11.734 0 22.405 3.583 30.254 8.635 3.924 2.527 7.29 5.515 9.729 8.773 2.401 3.207 4.183 7.062 4.183 11.195 0 4.443-2.056 8.012-5.091 10.582-2.854 2.417-6.572 3.982-10.424 5.058C82.09 130.291 71.862 131 61.167 131s-20.924-.709-28.651-2.868c-3.852-1.076-7.57-2.641-10.425-5.058-3.035-2.57-5.091-6.139-5.091-10.582 0-4.133 1.782-7.988 4.183-11.195 2.44-3.258 5.805-6.246 9.73-8.773 7.848-5.052 18.52-8.635 30.254-8.635\"></path></g><g filter=\"url(#filter1_d_124_481)\"><path fill=\"var(--ds-illustration-300)\" d=\"M126.699 61.175c0 9.757-7.909 17.666-17.667 17.666-9.757 0-17.666-7.91-17.666-17.666s7.91-17.667 17.666-17.667c9.758 0 17.667 7.91 17.667 17.667M109.032 84.73c7.777 0 14.832 2.569 20.025 6.191 4.838 3.373 9.42 8.7 9.42 14.841 0 3.452-1.488 6.314-3.759 8.398-2.102 1.928-4.762 3.109-7.323 3.884-5.12 1.55-11.72 2.019-18.363 2.019-.58-.002-.982-.583-.814-1.138.524-1.732.814-3.599.814-5.592 0-5.826-2.492-10.897-5.358-14.724-3.968-5.3-3.292-13.438 3.317-13.82a35 35 0 0 1 2.041-.059\"></path></g><ellipse cx=\"21.309\" cy=\"42\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"21\" cy=\"41.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 21 41.693)\"></ellipse><ellipse cx=\"11.309\" cy=\"27\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"11\" cy=\"26.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 11 26.693)\"></ellipse><defs><filter id=\"filter0_d_124_481\" width=\"108.333\" height=\"126\" x=\"7\" y=\"15\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_124_481\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_124_481\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_124_481\" width=\"67.111\" height=\"96.555\" x=\"81.366\" y=\"33.508\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_124_481\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_124_481\" result=\"shape\"></feBlend></filter></defs>";
328
+ var _IllustrationGroups = React.forwardRef((props, ref) => {
329
+ const { className, color = "primary", ...rest } = props;
330
+ const finalClassName = [
331
+ "ds-illustration ds-illustration-groups",
332
+ color === "neutral" ? "ds-illustration--neutral" : "",
333
+ className
334
+ ].filter(Boolean).join(" ");
335
+ return /* @__PURE__ */ jsx("svg", {
336
+ "aria-hidden": "true",
337
+ fill: "none",
338
+ viewBox: "0 0 160 160",
339
+ width: "160",
340
+ height: "160",
341
+ ...rest,
342
+ className: finalClassName,
343
+ ref,
344
+ "data-c13y-component": "illustration",
345
+ dangerouslySetInnerHTML: { __html: _svgContent$6 }
346
+ });
347
+ });
348
+ _IllustrationGroups.displayName = "IllustrationGroups";
349
+ var IllustrationGroups = React.memo(_IllustrationGroups);
350
+ //#endregion
351
+ //#region src/illustrations/IllustrationMail.tsx
352
+ /**
353
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
354
+ */
355
+ var _svgContent$5 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M75.456 10.003c22.046-.186 43.622 8.457 57.344 25.608 13.7 17.123 16.895 39.853 12.115 61.208-4.815 21.518-16.482 42.947-37.19 50.84-19.407 7.397-39.545-4.167-57.367-14.798-15.245-9.095-26.98-21.925-32.405-38.754-6.196-19.223-10.048-40.845 1.367-57.54 12.255-17.924 34.333-26.38 56.136-26.564\" clip-rule=\"evenodd\"></path><path fill=\"var(--ds-illustration-500)\" d=\"M31.42 82.405h96.981c1.451 0 2.242-1.692 1.312-2.806L90.407 32.561c-5.468-6.544-15.525-6.544-20.992 0L30.108 79.599c-.93 1.114-.138 2.806 1.312 2.806\"></path><path fill=\"var(--ds-illustration-500)\" d=\"M29.605 81.232c0-.944.766-1.71 1.71-1.71h97.509c.945 0 1.71.766 1.71 1.71v44.997c0 7.554-6.124 13.678-13.678 13.678H43.283c-7.554 0-13.678-6.124-13.678-13.678z\"></path><circle cx=\"41.441\" cy=\"127.713\" r=\"11.968\" fill=\"var(--ds-illustration-300)\"></circle><circle cx=\"118.38\" cy=\"127.713\" r=\"11.968\" fill=\"var(--ds-illustration-300)\"></circle><g filter=\"url(#filter0_d_5_6751)\"><path fill=\"#fff\" d=\"M42.296 49.952c0-6.627 5.373-12 12-12h52.083c6.628 0 12 5.373 12 12v77.73c0 6.627-5.372 12-12 12H54.296c-6.627 0-12-5.373-12-12z\"></path></g><rect width=\"55.566\" height=\"4\" x=\"52.554\" y=\"75.566\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"55.566\" height=\"4\" x=\"52.554\" y=\"64.453\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"55.566\" height=\"4\" x=\"52.554\" y=\"53.34\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"35.05\" height=\"4\" x=\"52.554\" y=\"86.68\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><path fill=\"var(--ds-illustration-300)\" fill-rule=\"evenodd\" d=\"m130.534 81.247-.036-.032a9.5 9.5 0 0 1-5.18 7.644L88.992 103.74c-11.342 4.647-11.317 20.718.039 25.33l25.078 10.185c7.869 3.196 16.471-2.594 16.471-11.088V86.703l-.046.02z\" clip-rule=\"evenodd\"></path><path fill=\"var(--ds-illustration-300)\" fill-rule=\"evenodd\" d=\"m29.606 81.247.035-.032a9.48 9.48 0 0 0 3.766 6.766l37.935 15.547c11.321 4.64 11.321 20.672 0 25.312l-25.23 10.34c-7.874 3.227-16.506-2.564-16.506-11.074V81.247\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter1_d_5_6751)\"><path fill=\"var(--ds-illustration-300)\" d=\"M39.482 140.272h80.266c3.092 0 4.582-3.79 2.318-5.896l-33.135-30.824c-5.25-4.884-13.382-4.884-18.632 0l-33.135 30.824c-2.264 2.106-.774 5.896 2.318 5.896\"></path></g><ellipse cx=\"52.501\" cy=\"14\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"52\" cy=\"13.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 52 13.5)\"></ellipse><ellipse cx=\"141.501\" cy=\"37\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"141\" cy=\"36.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 141 36.5)\"></ellipse><ellipse cx=\"20.309\" cy=\"51\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"20\" cy=\"50.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 20 50.693)\"></ellipse><defs><filter id=\"filter0_d_5_6751\" width=\"96.083\" height=\"121.729\" x=\"32.296\" y=\"27.952\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6751\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6751\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_5_6751\" width=\"107.087\" height=\"60.383\" x=\"26.071\" y=\"89.889\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6751\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6751\" result=\"shape\"></feBlend></filter></defs>";
356
+ var _IllustrationMail = React.forwardRef((props, ref) => {
357
+ const { className, color = "primary", ...rest } = props;
358
+ const finalClassName = [
359
+ "ds-illustration ds-illustration-mail",
360
+ color === "neutral" ? "ds-illustration--neutral" : "",
361
+ className
362
+ ].filter(Boolean).join(" ");
363
+ return /* @__PURE__ */ jsx("svg", {
364
+ "aria-hidden": "true",
365
+ fill: "none",
366
+ viewBox: "0 0 160 160",
367
+ width: "160",
368
+ height: "160",
369
+ ...rest,
370
+ className: finalClassName,
371
+ ref,
372
+ "data-c13y-component": "illustration",
373
+ dangerouslySetInnerHTML: { __html: _svgContent$5 }
374
+ });
375
+ });
376
+ _IllustrationMail.displayName = "IllustrationMail";
377
+ var IllustrationMail = React.memo(_IllustrationMail);
378
+ //#endregion
379
+ //#region src/illustrations/IllustrationNotFound.tsx
380
+ /**
381
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
382
+ */
383
+ var _svgContent$4 = "<g clip-path=\"url(#clip0_5_6879)\"><path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M81.652 3C50.18 3.144 22.6 21.649 11.27 50.456-2.554 85.61-8.706 130.84 23.037 152.048c30.345 20.276 65.92-8.064 94.655-30.486 23.557-18.382 44.97-43.453 36.367-71.753-9.133-30.045-40.452-46.953-72.407-46.808\" clip-rule=\"evenodd\"></path></g><g filter=\"url(#filter0_d_5_6879)\"><path fill=\"#fff\" d=\"M34.001 131c-6.627 0-12-5.373-12-12V54c0-6.627 5.373-12 12-12h95c6.627 0 12 5.373 12 12v65c0 6.627-5.373 12-12 12z\"></path><rect width=\"18\" height=\"119\" x=\"22\" y=\"60\" fill=\"var(--ds-illustration-300)\" rx=\"9\" transform=\"rotate(-90 22 60)\"></rect><rect width=\"5\" height=\"5\" x=\"29\" y=\"48\" fill=\"#fff\" rx=\"2.5\"></rect><rect width=\"5\" height=\"5\" x=\"38\" y=\"48\" fill=\"#fff\" rx=\"2.5\"></rect><rect width=\"5\" height=\"5\" x=\"47\" y=\"48\" fill=\"#fff\" rx=\"2.5\"></rect></g><path fill=\"var(--ds-illustration-300)\" d=\"m88.894 105.858 4.894-5.524 19.415 17.2-4.893 5.524z\"></path><path fill=\"var(--ds-illustration-300)\" d=\"M106.044 124.427a3.636 3.636 0 0 1-.31-5.133l3.551-4.01a3.636 3.636 0 0 1 5.133-.31l23.29 20.631a6.315 6.315 0 0 1-8.374 9.453z\"></path><path fill=\"#fff\" stroke=\"var(--ds-illustration-500)\" stroke-width=\"6\" d=\"M81.14 70.331c13.645 0 24.707 11.061 24.707 24.706s-11.061 24.706-24.706 24.706-24.706-11.061-24.706-24.706 11.06-24.706 24.706-24.706Z\"></path><path fill=\"var(--ds-illustration-500)\" stroke=\"var(--ds-illustration-500)\" stroke-width=\"3\" d=\"m70.203 89.037 6.445 5.92a1 1 0 0 1 .013 1.46l-6.021 5.742a1 1 0 0 0-.051 1.395l1.826 2.016a1 1 0 0 0 1.433.05l6.402-6.133a1 1 0 0 1 1.376-.007l6.648 6.232a1 1 0 0 0 1.342.023l2.468-2.159a1 1 0 0 0 .008-1.498l-6.36-5.686a1 1 0 0 1-.034-1.46l6.015-5.893a1 1 0 0 0 .007-1.422l-2.578-2.579a1 1 0 0 0-1.415 0l-6.116 6.116a1 1 0 0 1-1.382.03l-6.418-5.877a1 1 0 0 0-1.383.03l-2.256 2.257a1 1 0 0 0 .03 1.443Z\"></path><defs><clipPath id=\"clip0_5_6879\"><path fill=\"#fff\" d=\"M0 3h156v156H0z\"></path></clipPath><filter id=\"filter0_d_5_6879\" width=\"139.001\" height=\"109\" x=\"12\" y=\"32\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6879\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6879\" result=\"shape\"></feBlend></filter></defs>";
384
+ var _IllustrationNotFound = React.forwardRef((props, ref) => {
385
+ const { className, color = "primary", ...rest } = props;
386
+ const finalClassName = [
387
+ "ds-illustration ds-illustration-not-found",
388
+ color === "neutral" ? "ds-illustration--neutral" : "",
389
+ className
390
+ ].filter(Boolean).join(" ");
391
+ return /* @__PURE__ */ jsx("svg", {
392
+ "aria-hidden": "true",
393
+ fill: "none",
394
+ viewBox: "0 0 162 160",
395
+ width: "162",
396
+ height: "160",
397
+ ...rest,
398
+ className: finalClassName,
399
+ ref,
400
+ "data-c13y-component": "illustration",
401
+ dangerouslySetInnerHTML: { __html: _svgContent$4 }
402
+ });
403
+ });
404
+ _IllustrationNotFound.displayName = "IllustrationNotFound";
405
+ var IllustrationNotFound = React.memo(_IllustrationNotFound);
406
+ //#endregion
407
+ //#region src/illustrations/IllustrationPreview.tsx
408
+ /**
409
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
410
+ */
411
+ var _svgContent$3 = "<g clip-path=\"url(#clip0_5_6946)\"><path fill=\"var(--ds-illustration-50)\" d=\"M18.961 60.65c0 35.692 27.474 74.619 63.021 74.619s64.364-18.22 64.364-53.912-12.047-61.17-64.364-64.626c-35.547 0-63.02 8.227-63.02 43.919\"></path><g filter=\"url(#filter0_d_5_6946)\"><rect width=\"88\" height=\"117.333\" x=\"37\" y=\"34\" fill=\"#fff\" rx=\"16\"></rect></g><rect width=\"66.667\" height=\"5.333\" x=\"47.667\" y=\"111.333\" fill=\"var(--ds-illustration-300)\" rx=\"2.667\"></rect><rect width=\"66.667\" height=\"5.333\" x=\"47.667\" y=\"47.333\" fill=\"var(--ds-illustration-300)\" rx=\"2.667\"></rect><rect width=\"66.667\" height=\"5.333\" x=\"47.667\" y=\"122\" fill=\"var(--ds-illustration-300)\" rx=\"2.667\"></rect><rect width=\"66.667\" height=\"5.333\" x=\"47.667\" y=\"132.667\" fill=\"var(--ds-illustration-300)\" rx=\"2.667\"></rect><rect width=\"66.667\" height=\"37.333\" x=\"47.667\" y=\"63.333\" fill=\"var(--ds-illustration-500)\" rx=\"6\"></rect><ellipse cx=\"140.501\" cy=\"20\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"140\" cy=\"19.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 140 19.5)\"></ellipse><ellipse cx=\"18.232\" cy=\"31\" fill=\"var(--ds-illustration-500)\" rx=\".692\" ry=\"6\"></ellipse><ellipse cx=\"18\" cy=\"30.77\" fill=\"var(--ds-illustration-500)\" rx=\".692\" ry=\"6\" transform=\"rotate(-90 18 30.77)\"></ellipse><ellipse cx=\"33.309\" cy=\"20\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"33\" cy=\"19.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 33 19.693)\"></ellipse></g><defs><clipPath id=\"clip0_5_6946\"><path fill=\"#fff\" d=\"M0 0h160v160H0z\"></path></clipPath><filter id=\"filter0_d_5_6946\" width=\"108\" height=\"137.333\" x=\"27\" y=\"24\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6946\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6946\" result=\"shape\"></feBlend></filter></defs>";
412
+ var _IllustrationPreview = React.forwardRef((props, ref) => {
413
+ const { className, color = "primary", ...rest } = props;
414
+ const finalClassName = [
415
+ "ds-illustration ds-illustration-preview",
416
+ color === "neutral" ? "ds-illustration--neutral" : "",
417
+ className
418
+ ].filter(Boolean).join(" ");
419
+ return /* @__PURE__ */ jsx("svg", {
420
+ "aria-hidden": "true",
421
+ fill: "none",
422
+ viewBox: "0 0 160 160",
423
+ width: "160",
424
+ height: "160",
425
+ ...rest,
426
+ className: finalClassName,
427
+ ref,
428
+ "data-c13y-component": "illustration",
429
+ dangerouslySetInnerHTML: { __html: _svgContent$3 }
430
+ });
431
+ });
432
+ _IllustrationPreview.displayName = "IllustrationPreview";
433
+ var IllustrationPreview = React.memo(_IllustrationPreview);
434
+ //#endregion
435
+ //#region src/illustrations/IllustrationSearch.tsx
436
+ /**
437
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
438
+ */
439
+ var _svgContent$2 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M81.777 20.939c20.491-.173 40.545 7.86 53.3 23.802 12.734 15.916 15.703 37.043 11.261 56.892-4.476 20.001-15.32 39.919-34.568 47.255-18.038 6.876-36.757-3.873-53.321-13.755-14.17-8.453-25.079-20.378-30.121-36.021-5.76-17.867-9.34-37.965 1.27-53.482C40.99 28.97 61.511 21.11 81.777 20.939\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_5_6810)\"><path fill=\"var(--ds-illustration-500)\" d=\"m67.645 76.68 6.688-7.551 26.535 23.506-6.688 7.55z\"></path><path fill=\"var(--ds-illustration-500)\" d=\"M90.085 101.173a3.636 3.636 0 0 1-.31-5.133l6.622-7.476a3.636 3.636 0 0 1 5.133-.31l32.829 29.08a8.63 8.63 0 0 1-11.445 12.92z\"></path><path fill=\"#fff\" stroke=\"var(--ds-illustration-500)\" stroke-width=\"7.273\" d=\"M57.048 27.66c18.904 0 34.23 15.326 34.23 34.23 0 18.905-15.326 34.23-34.23 34.23-18.905 0-34.23-15.325-34.23-34.23s15.325-34.23 34.23-34.23Z\"></path><path stroke=\"var(--ds-illustration-50)\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"7.273\" d=\"M72.953 65.712c.582-2.173.71-4.358.444-6.45-.804-6.309-5.202-11.766-11.576-13.473a15.5 15.5 0 0 0-6.994-.244\"></path></g><ellipse cx=\"138.501\" cy=\"44\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"138\" cy=\"43.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 138 43.5)\"></ellipse><ellipse cx=\"110.309\" cy=\"29\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"110\" cy=\"28.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 110 28.693)\"></ellipse><ellipse cx=\"57.501\" cy=\"132\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"57\" cy=\"131.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 57 131.501)\"></ellipse><defs><filter id=\"filter0_d_5_6810\" width=\"138.084\" height=\"128.4\" x=\"9.182\" y=\"14.024\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6810\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6810\" result=\"shape\"></feBlend></filter></defs>";
440
+ var _IllustrationSearch = React.forwardRef((props, ref) => {
441
+ const { className, color = "primary", ...rest } = props;
442
+ const finalClassName = [
443
+ "ds-illustration ds-illustration-search",
444
+ color === "neutral" ? "ds-illustration--neutral" : "",
445
+ className
446
+ ].filter(Boolean).join(" ");
447
+ return /* @__PURE__ */ jsx("svg", {
448
+ "aria-hidden": "true",
449
+ fill: "none",
450
+ viewBox: "0 0 160 160",
451
+ width: "160",
452
+ height: "160",
453
+ ...rest,
454
+ className: finalClassName,
455
+ ref,
456
+ "data-c13y-component": "illustration",
457
+ dangerouslySetInnerHTML: { __html: _svgContent$2 }
458
+ });
459
+ });
460
+ _IllustrationSearch.displayName = "IllustrationSearch";
461
+ var IllustrationSearch = React.memo(_IllustrationSearch);
462
+ //#endregion
463
+ //#region src/illustrations/IllustrationSend.tsx
464
+ /**
465
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
466
+ */
467
+ var _svgContent$1 = "<g clip-path=\"url(#clip0_5_6829)\"><path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M83.652 2C52.18 2.144 24.6 20.649 13.27 49.456-.554 84.61-6.706 129.84 25.037 151.048c30.345 20.276 65.92-8.064 94.655-30.486 23.557-18.382 44.97-43.453 36.367-71.753-9.133-30.045-40.452-46.953-72.407-46.808\" clip-rule=\"evenodd\"></path><path fill=\"var(--ds-illustration-300)\" d=\"M64.433 78.005a.741.741 0 1 0 .151-1.475zm-43.855 41.512-.737.084zm27.449-2.975-.735.1zm-23.59 35.255a.741.741 0 1 0 1.198-.873zM64.584 76.53a37 37 0 0 0-2.252-.16l-.061 1.482q1.143.047 2.162.153zm-6.776-.117a53 53 0 0 0-4.49.45l.21 1.467a51 51 0 0 1 4.363-.437zm-8.929 1.279c-1.44.333-2.894.735-4.347 1.213l.463 1.408a49 49 0 0 1 4.219-1.177zm-8.567 2.832a41 41 0 0 0-4.036 2.053l.745 1.281a40 40 0 0 1 3.89-1.979zm-7.813 4.567a34 34 0 0 0-3.427 2.986l1.048 1.048a32 32 0 0 1 3.276-2.854zm-6.406 6.426a31 31 0 0 0-2.448 3.837l1.305.704a29.6 29.6 0 0 1 2.33-3.654zm-4.318 7.986a35 35 0 0 0-1.29 4.359l1.445.329a34 34 0 0 1 1.235-4.175zm-2.034 8.815q-.241 2.175-.265 4.531l1.483.014c.014-1.524.102-2.984.255-4.383zm-.114 9.018q.084 1.114.214 2.265l1.473-.167a58 58 0 0 1-.209-2.209zm.214 2.265q.128 1.122.364 2.128l1.444-.337a17 17 0 0 1-.335-1.958zm1.96 6.159c.81 1.34 1.82 2.415 2.974 3.243l.865-1.204a9.4 9.4 0 0 1-2.57-2.805zm6.967 5.051c1.39.341 2.85.453 4.317.37l-.083-1.48c-1.339.075-2.65-.028-3.882-.329zm8.544-.385c1.37-.41 2.701-.973 3.944-1.664l-.72-1.296a18.3 18.3 0 0 1-3.65 1.54zm7.432-4.174c1.088-1.007 2.018-2.145 2.717-3.386l-1.292-.727c-.614 1.09-1.442 2.108-2.432 3.025zm4.065-7.579a9.7 9.7 0 0 0-.048-2.232l-1.469.201q.13.966.041 1.892zm-.048-2.232a24 24 0 0 0-.447-2.379l-1.44.351q.255 1.041.418 2.229zm-2.249-6.912c-.942-1.562-2.115-2.75-3.457-3.58l-.78 1.26c1.127.697 2.138 1.709 2.968 3.085zm-8.23-5.025c-1.58-.078-3.224.174-4.86.707l.46 1.41c1.49-.487 2.952-.704 4.328-.636zm-9.231 2.813a24 24 0 0 0-3.764 3.005l1.034 1.062a22.5 22.5 0 0 1 3.53-2.819zm-6.886 6.644a28.3 28.3 0 0 0-2.446 4.121l1.334.646a27 27 0 0 1 2.318-3.904zm-4.164 8.595a28.6 28.6 0 0 0-.945 4.692l1.472.17c.179-1.542.484-3.028.896-4.448zm-1.103 9.469c.075 1.546.271 3.131.604 4.746l1.452-.299a29.4 29.4 0 0 1-.575-4.518zm1.899 9.332a38 38 0 0 0 1.897 4.377l1.321-.673a36 36 0 0 1-1.823-4.205zm4.275 8.466q.645.986 1.365 1.974l1.198-.873a47 47 0 0 1-1.323-1.913z\"></path><g filter=\"url(#filter0_d_5_6829)\"><path fill=\"#fff\" d=\"M97.859 90.859 77.595 67.963a1.915 1.915 0 0 1 .756-3.06l49.605-18.785c2.214-.839 1.235-4.16-1.08-3.663l-59.955 12.86a1.92 1.92 0 0 1-1.804-.569L45.642 33.792c-1.157-1.244-.241-3.266 1.457-3.218l108.342 3.087c1.697.048 2.496 2.116 1.274 3.293L100.621 90.97a1.915 1.915 0 0 1-2.762-.11\"></path><path stroke=\"#fff\" stroke-width=\"1.135\" d=\"M97.859 90.859 77.595 67.963a1.915 1.915 0 0 1 .756-3.06l49.605-18.785c2.214-.839 1.235-4.16-1.08-3.663l-59.955 12.86a1.92 1.92 0 0 1-1.804-.569L45.642 33.792c-1.157-1.244-.241-3.266 1.457-3.218l108.342 3.087c1.697.048 2.496 2.116 1.274 3.293L100.621 90.97a1.915 1.915 0 0 1-2.762-.11Z\"></path></g><path fill=\"var(--ds-illustration-500)\" d=\"m155.944 35.152-92.108 20.68a1.915 1.915 0 0 0-1.488 1.707l-2.845 33.598c-.13 1.53 1.506 2.583 2.845 1.83l23.123-12.985a1.915 1.915 0 0 0 .507-2.927l-8.312-9.545a1.915 1.915 0 0 1 .767-3.048z\"></path><ellipse cx=\"18.501\" cy=\"50\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"18\" cy=\"49.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 18 49.5)\"></ellipse><ellipse cx=\"115.501\" cy=\"116\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"115\" cy=\"115.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 115 115.501)\"></ellipse><ellipse cx=\"88.309\" cy=\"133\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"88\" cy=\"132.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 88 132.693)\"></ellipse></g><defs><clipPath id=\"clip0_5_6829\"><path fill=\"#fff\" d=\"M0 0h160v160H0z\"></path></clipPath><filter id=\"filter0_d_5_6829\" width=\"133.317\" height=\"82.066\" x=\"34.556\" y=\"20.006\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6829\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6829\" result=\"shape\"></feBlend></filter></defs>";
468
+ var _IllustrationSend = React.forwardRef((props, ref) => {
469
+ const { className, color = "primary", ...rest } = props;
470
+ const finalClassName = [
471
+ "ds-illustration ds-illustration-send",
472
+ color === "neutral" ? "ds-illustration--neutral" : "",
473
+ className
474
+ ].filter(Boolean).join(" ");
475
+ return /* @__PURE__ */ jsx("svg", {
476
+ "aria-hidden": "true",
477
+ fill: "none",
478
+ viewBox: "0 0 160 160",
479
+ width: "160",
480
+ height: "160",
481
+ ...rest,
482
+ className: finalClassName,
483
+ ref,
484
+ "data-c13y-component": "illustration",
485
+ dangerouslySetInnerHTML: { __html: _svgContent$1 }
486
+ });
487
+ });
488
+ _IllustrationSend.displayName = "IllustrationSend";
489
+ var IllustrationSend = React.memo(_IllustrationSend);
490
+ //#endregion
491
+ //#region src/illustrations/IllustrationWarning.tsx
492
+ /**
493
+ * THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
494
+ */
495
+ var _svgContent = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M82.81 13.015c21.099.402 41.755 9.391 53.988 26.61 11.544 16.249 10.973 37.558 5.146 56.627-5.269 17.244-18.388 29.703-34.176 38.379-17.232 9.469-36.752 17.876-55.033 10.642-19.578-7.748-32.187-26.687-37.23-47.154-5.162-20.952-2.697-43.68 10.683-60.598 13.43-16.982 34.994-24.917 56.622-24.506\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_5_6906)\"><path fill=\"#fff\" d=\"M32.248 128.439h95.504c9.339 0 15.099-10.198 10.277-18.196L90.277 31.044c-4.666-7.738-15.888-7.738-20.554 0l-47.752 79.199c-4.822 7.998.938 18.196 10.277 18.196\"></path></g><path fill=\"var(--ds-illustration-500)\" d=\"M80.561 55.512a7.22 7.22 0 0 1 7.211 7.6l-1.308 24.944a5.911 5.911 0 0 1-11.806 0L73.35 63.113a7.22 7.22 0 0 1 7.211-7.6\"></path><rect width=\"13.463\" height=\"13.463\" x=\"87.293\" y=\"101.512\" fill=\"var(--ds-illustration-500)\" rx=\"6.732\" transform=\"rotate(90 87.293 101.512)\"></rect><defs><filter id=\"filter0_d_5_6906\" width=\"139.542\" height=\"123.199\" x=\"10.229\" y=\"15.24\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6906\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6906\" result=\"shape\"></feBlend></filter></defs>";
496
+ var _IllustrationWarning = React.forwardRef((props, ref) => {
497
+ const { className, color = "primary", ...rest } = props;
498
+ const finalClassName = [
499
+ "ds-illustration ds-illustration-warning",
500
+ color === "neutral" ? "ds-illustration--neutral" : "",
501
+ className
502
+ ].filter(Boolean).join(" ");
503
+ return /* @__PURE__ */ jsx("svg", {
504
+ "aria-hidden": "true",
505
+ fill: "none",
506
+ viewBox: "0 0 160 160",
507
+ width: "160",
508
+ height: "160",
509
+ ...rest,
510
+ className: finalClassName,
511
+ ref,
512
+ "data-c13y-component": "illustration",
513
+ dangerouslySetInnerHTML: { __html: _svgContent }
514
+ });
515
+ });
516
+ _IllustrationWarning.displayName = "IllustrationWarning";
517
+ var IllustrationWarning = React.memo(_IllustrationWarning);
518
+ //#endregion
519
+ export { IllustrationAnalytics, IllustrationChat, IllustrationClipboard, IllustrationDocument, IllustrationDocuments, IllustrationDragDrop, IllustrationEmailDraft, IllustrationEmailFolder, IllustrationEmailScheduled, IllustrationEmailSent, IllustrationFolderEmpty, IllustrationGroups, IllustrationMail, IllustrationNotFound, IllustrationPreview, IllustrationSearch, IllustrationSend, IllustrationWarning };
520
+
521
+ //# sourceMappingURL=illustrations.js.map