@dxos/brand 0.8.4-main.c4373fc → 0.8.4-main.c85a9c8dae

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 (82) hide show
  1. package/dist/lib/browser/index.mjs +131 -302
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/types/src/components/{ComposerLogo/ComposerLogo.d.ts → experimental/experimental.d.ts} +1 -1
  5. package/dist/types/src/components/{ComposerLogo/ComposerLogo.d.ts.map → experimental/experimental.d.ts.map} +1 -1
  6. package/dist/types/src/components/{ComposerLogo/ComposerLogo.stories.d.ts → experimental/experimental.stories.d.ts} +4 -2
  7. package/dist/types/src/components/experimental/experimental.stories.d.ts.map +1 -0
  8. package/dist/types/src/components/experimental/rive.stories.d.ts.map +1 -0
  9. package/dist/types/src/components/icons/Composer.d.ts.map +1 -0
  10. package/dist/types/src/components/icons/DXNS.d.ts.map +1 -0
  11. package/dist/types/src/components/icons/DXOS.d.ts.map +1 -0
  12. package/dist/types/src/components/icons/ECHO.d.ts.map +1 -0
  13. package/dist/types/src/components/icons/HALO.d.ts.map +1 -0
  14. package/dist/types/src/{Icons.stories.d.ts → components/icons/Icons.stories.d.ts} +3 -0
  15. package/dist/types/src/components/icons/Icons.stories.d.ts.map +1 -0
  16. package/dist/types/src/components/icons/KUBE.d.ts.map +1 -0
  17. package/dist/types/src/components/icons/MESH.d.ts.map +1 -0
  18. package/dist/types/src/components/icons/index.d.ts.map +1 -0
  19. package/dist/types/src/components/index.d.ts +2 -1
  20. package/dist/types/src/components/index.d.ts.map +1 -1
  21. package/dist/types/src/components/logotypes/DXOSHorizontalType.d.ts.map +1 -0
  22. package/dist/types/src/components/logotypes/DXOSType.d.ts.map +1 -0
  23. package/dist/types/src/components/logotypes/DXOSVerticalType.d.ts.map +1 -0
  24. package/dist/types/src/components/logotypes/Logotypes.stories.d.ts.map +1 -0
  25. package/dist/types/src/components/logotypes/index.d.ts.map +1 -0
  26. package/dist/types/src/index.d.ts +0 -2
  27. package/dist/types/src/index.d.ts.map +1 -1
  28. package/dist/types/tsconfig.tsbuildinfo +1 -1
  29. package/package.json +18 -14
  30. package/src/components/{ComposerLogo/ComposerLogo.stories.tsx → experimental/experimental.stories.tsx} +105 -6
  31. package/src/components/{ComposerLogo/ComposerLogo.tsx → experimental/experimental.tsx} +10 -22
  32. package/src/components/{rive.stories.tsx → experimental/rive.stories.tsx} +5 -5
  33. package/src/components/icons/Icons.stories.tsx +57 -0
  34. package/src/components/index.ts +3 -2
  35. package/src/{Logotypes.stories.tsx → components/logotypes/Logotypes.stories.tsx} +9 -7
  36. package/src/index.ts +0 -2
  37. package/dist/types/src/Icons.stories.d.ts.map +0 -1
  38. package/dist/types/src/Logotypes.stories.d.ts.map +0 -1
  39. package/dist/types/src/components/ComposerLogo/ComposerLogo.stories.d.ts.map +0 -1
  40. package/dist/types/src/components/ComposerLogo/index.d.ts +0 -2
  41. package/dist/types/src/components/ComposerLogo/index.d.ts.map +0 -1
  42. package/dist/types/src/components/rive.stories.d.ts.map +0 -1
  43. package/dist/types/src/icons/Composer.d.ts.map +0 -1
  44. package/dist/types/src/icons/DXNS.d.ts.map +0 -1
  45. package/dist/types/src/icons/DXOS.d.ts.map +0 -1
  46. package/dist/types/src/icons/ECHO.d.ts.map +0 -1
  47. package/dist/types/src/icons/HALO.d.ts.map +0 -1
  48. package/dist/types/src/icons/KUBE.d.ts.map +0 -1
  49. package/dist/types/src/icons/MESH.d.ts.map +0 -1
  50. package/dist/types/src/icons/index.d.ts.map +0 -1
  51. package/dist/types/src/logotypes/DXOSHorizontalType.d.ts.map +0 -1
  52. package/dist/types/src/logotypes/DXOSType.d.ts.map +0 -1
  53. package/dist/types/src/logotypes/DXOSVerticalType.d.ts.map +0 -1
  54. package/dist/types/src/logotypes/index.d.ts.map +0 -1
  55. package/src/Icons.stories.tsx +0 -50
  56. package/src/components/ComposerLogo/index.ts +0 -5
  57. /package/dist/types/src/components/{rive.stories.d.ts → experimental/rive.stories.d.ts} +0 -0
  58. /package/dist/types/src/{icons → components/icons}/Composer.d.ts +0 -0
  59. /package/dist/types/src/{icons → components/icons}/DXNS.d.ts +0 -0
  60. /package/dist/types/src/{icons → components/icons}/DXOS.d.ts +0 -0
  61. /package/dist/types/src/{icons → components/icons}/ECHO.d.ts +0 -0
  62. /package/dist/types/src/{icons → components/icons}/HALO.d.ts +0 -0
  63. /package/dist/types/src/{icons → components/icons}/KUBE.d.ts +0 -0
  64. /package/dist/types/src/{icons → components/icons}/MESH.d.ts +0 -0
  65. /package/dist/types/src/{icons → components/icons}/index.d.ts +0 -0
  66. /package/dist/types/src/{logotypes → components/logotypes}/DXOSHorizontalType.d.ts +0 -0
  67. /package/dist/types/src/{logotypes → components/logotypes}/DXOSType.d.ts +0 -0
  68. /package/dist/types/src/{logotypes → components/logotypes}/DXOSVerticalType.d.ts +0 -0
  69. /package/dist/types/src/{Logotypes.stories.d.ts → components/logotypes/Logotypes.stories.d.ts} +0 -0
  70. /package/dist/types/src/{logotypes → components/logotypes}/index.d.ts +0 -0
  71. /package/src/{icons → components/icons}/Composer.tsx +0 -0
  72. /package/src/{icons → components/icons}/DXNS.tsx +0 -0
  73. /package/src/{icons → components/icons}/DXOS.tsx +0 -0
  74. /package/src/{icons → components/icons}/ECHO.tsx +0 -0
  75. /package/src/{icons → components/icons}/HALO.tsx +0 -0
  76. /package/src/{icons → components/icons}/KUBE.tsx +0 -0
  77. /package/src/{icons → components/icons}/MESH.tsx +0 -0
  78. /package/src/{icons → components/icons}/index.ts +0 -0
  79. /package/src/{logotypes → components/logotypes}/DXOSHorizontalType.tsx +0 -0
  80. /package/src/{logotypes → components/logotypes}/DXOSType.tsx +0 -0
  81. /package/src/{logotypes → components/logotypes}/DXOSVerticalType.tsx +0 -0
  82. /package/src/{logotypes → components/logotypes}/index.ts +0 -0
@@ -1,180 +1,11 @@
1
- // src/components/ComposerLogo/ComposerLogo.tsx
2
- import { arc, interpolateString, select } from "d3";
3
- import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
4
- import { mx } from "@dxos/react-ui-theme";
1
+ // src/components/icons/Composer.tsx
2
+ import React, { forwardRef } from "react";
5
3
  var weights = /* @__PURE__ */ new Map([
6
4
  [
7
5
  "regular",
8
- /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", {
9
- d: "M202.206,23.705l-25.956,36.48c-14.091,-10.026 -30.956,-15.413 -48.25,-15.413c-45.935,-0 -83.228,37.293 -83.228,83.228c-0,45.935 37.293,83.228 83.228,83.228c17.294,0 34.159,-5.387 48.25,-15.413l25.956,36.48c-21.672,15.42 -47.609,23.705 -74.206,23.705c-70.645,-0 -128,-57.355 -128,-128c0,-70.645 57.355,-128 128,-128c26.597,0 52.534,8.285 74.206,23.705Z"
10
- }), " ")
11
- ]
12
- ]);
13
- var Composer = /* @__PURE__ */ forwardRef((props, ref) => {
14
- const weight = props.weight || "regular";
15
- const size = props.size || 256;
16
- return /* @__PURE__ */ React.createElement("svg", {
17
- ref,
18
- ...props,
19
- width: size,
20
- height: size,
21
- viewBox: "0 0 256 256",
22
- fill: "currentColor",
23
- xmlns: "http://www.w3.org/2000/svg"
24
- }, weights.get(weight));
25
- });
26
- var defaultClassNames = [
27
- "[&>path]:fill-teal-400",
28
- "[&>path]:fill-teal-500",
29
- "[&>path]:fill-teal-600"
30
- ];
31
- var getLayers = (size, [a, b, c]) => {
32
- return [
33
- {
34
- inset: 0,
35
- spin: "animate-[spin_2s_linear_infinite]",
36
- style: {},
37
- className: a
38
- },
39
- {
40
- inset: size / 6,
41
- spin: "animate-[spin_2s_linear_infinite]",
42
- style: {
43
- animationDirection: "reverse"
44
- },
45
- className: b
46
- },
47
- {
48
- inset: size / 3.6,
49
- spin: "animate-[spin_1s_linear_infinite]",
50
- style: {},
51
- className: c
52
- }
53
- ];
54
- };
55
- var ComposerLogo = /* @__PURE__ */ forwardRef(({ animate: _animate = false, size = 32, classNames = defaultClassNames, ...props }, ref) => {
56
- const layers = useMemo(() => getLayers(size, classNames), [
57
- size,
58
- classNames
59
- ]);
60
- const [animate, setAnimate] = useState(_animate);
61
- useImperativeHandle(ref, () => ({
62
- spin: () => {
63
- setAnimate(true);
64
- setTimeout(() => {
65
- setAnimate(false);
66
- }, 2e3);
67
- }
68
- }), []);
69
- return /* @__PURE__ */ React.createElement("div", {
70
- ...props,
71
- className: "flex relative",
72
- style: {
73
- width: size,
74
- height: size
75
- }
76
- }, layers.map(({ inset, spin, style, className }, i) => /* @__PURE__ */ React.createElement("div", {
77
- key: i,
78
- className: "absolute",
79
- style: {
80
- inset: `${inset}px`
81
- }
82
- }, /* @__PURE__ */ React.createElement(Composer, {
83
- className: mx("w-full h-full", animate && spin, className),
84
- style
85
- }))));
86
- });
87
- var createSlices = ({ color, radius, gap = 0, t = 1 }) => {
88
- const n = radius < 50 ? 3 : radius < 100 ? 4 : 5;
89
- const parts = [
90
- {
91
- duration: 1600
92
- },
93
- {
94
- duration: 1400
95
- },
96
- {
97
- duration: 1200
98
- },
99
- {
100
- duration: 1e3
101
- },
102
- {
103
- duration: 800
104
- }
105
- ].slice(0, n);
106
- const width = radius / (parts.length + 1);
107
- return parts.map(({ duration }, i) => ({
108
- outerRadius: radius - i * width,
109
- innerRadius: radius - (i + 1) * width + gap,
110
- color: color + (160 - i * 21).toString(16),
111
- duration: duration * t
112
- }));
113
- };
114
- var ComposerSpinner = ({ animate, size = 200, gap = 1, color = "#999999", autoFade, onClick }) => {
115
- const ref = useRef(null);
116
- const triggerRef = useRef(() => {
117
- });
118
- const animateRef = useRef(animate);
119
- useEffect(() => {
120
- animateRef.current = animate;
121
- if (animate) {
122
- triggerRef.current();
123
- }
124
- }, [
125
- animate
126
- ]);
127
- useEffect(() => {
128
- const svg = select(ref.current).attr("width", size).attr("height", size).append("g").attr("transform", `translate(${size / 2}, ${size / 2})`);
129
- const arcs = createSlices({
130
- radius: size / 2,
131
- gap,
132
- color
133
- });
134
- let count = 0;
135
- const fadeOut = () => {
136
- if (--count === 0) {
137
- svg.selectAll("path").transition().delay((_, i) => i * 200).duration(2e3).attr("opacity", 0);
138
- }
139
- };
140
- const trigger = arcs.map(({ startAngle = 1 / 4 * Math.PI, endAngle = -5 / 4 * Math.PI, innerRadius, outerRadius, color: color2, duration }) => {
141
- const arcPath = svg.append("path").attr("d", arc().innerRadius(innerRadius).outerRadius(outerRadius).startAngle(startAngle).endAngle(endAngle)).attr("fill", color2);
142
- const rotateArc = () => {
143
- arcPath.attr("opacity", 1).transition().duration(duration).attrTween("transform", () => interpolateString("rotate(0)", "rotate(360)")).on("end", (_, i, nodes) => {
144
- if (animateRef.current) {
145
- rotateArc();
146
- } else if (autoFade) {
147
- fadeOut();
148
- }
149
- });
150
- };
151
- return rotateArc;
152
- });
153
- triggerRef.current = () => {
154
- count = trigger.length;
155
- trigger.forEach((rotate) => rotate());
156
- };
157
- if (animate) {
158
- triggerRef.current();
159
- }
160
- return () => {
161
- select(ref.current).selectChildren().remove();
162
- };
163
- }, []);
164
- return /* @__PURE__ */ React.createElement("svg", {
165
- ref,
166
- onClick
167
- });
168
- };
169
-
170
- // src/icons/Composer.tsx
171
- import React2, { forwardRef as forwardRef2 } from "react";
172
- var weights2 = /* @__PURE__ */ new Map([
173
- [
174
- "regular",
175
- /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("g", {
6
+ /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("g", {
176
7
  transform: "matrix(0.969697,0,0,1,-570.182,0)"
177
- }, /* @__PURE__ */ React2.createElement("rect", {
8
+ }, /* @__PURE__ */ React.createElement("rect", {
178
9
  x: "588",
179
10
  y: "0",
180
11
  width: "264",
@@ -182,26 +13,26 @@ var weights2 = /* @__PURE__ */ new Map([
182
13
  style: {
183
14
  fill: "none"
184
15
  }
185
- }), /* @__PURE__ */ React2.createElement("g", {
16
+ }), /* @__PURE__ */ React.createElement("g", {
186
17
  transform: "matrix(0.917198,0,0,1,-223.93,-876)"
187
- }, /* @__PURE__ */ React2.createElement("path", {
18
+ }, /* @__PURE__ */ React.createElement("path", {
188
19
  d: "M1065.83,1064L1029.14,1064C991.913,1064 961.684,1037.12 961.684,1004C961.684,971.197 991.282,944.542 1028.02,944.008L1028.02,944L1047.85,944L1039.21,968L1029.14,968C1006.79,968 988.669,984.118 988.669,1004C988.669,1023.87 1006.81,1040 1029.14,1040C1029.38,1040 1029.62,1040 1029.85,1040L1029.85,1040L1074.47,1040L1065.83,1064ZM1083.11,1040L1083.11,1040L1083.11,1064L1083.11,1064L1083.11,1040Z",
189
20
  style: {
190
21
  fill: "rgb(1,122,183)"
191
22
  }
192
- })), /* @__PURE__ */ React2.createElement("path", {
23
+ })), /* @__PURE__ */ React.createElement("path", {
193
24
  d: "M761.579,164L720,164C699.51,164 682.875,147.869 682.875,128C682.875,108.452 698.942,92.543 718.969,92.014L718.969,92L729.238,92L721.317,116L720,116C713.165,116 707.625,121.373 707.625,128C707.625,134.623 713.17,140 720,140C720.072,140 720.144,139.999 720.216,139.998L720.216,140L769.5,140L761.579,164Z",
194
25
  style: {
195
26
  fill: "rgb(6,197,253)"
196
27
  }
197
- }), /* @__PURE__ */ React2.createElement("path", {
28
+ }), /* @__PURE__ */ React.createElement("path", {
198
29
  d: "M745.738,212L720.025,212L720,212C672.202,212 633.389,174.377 633.375,128.024C633.361,81.958 671.591,44.542 718.969,44.006L718.969,44L719.975,44L745.079,44L737.159,68L719.982,68C685.809,68.01 658.115,94.88 658.125,128.017C658.135,161.126 685.858,188 720,188L720.018,188C720.378,188 720.738,187.997 721.098,187.991L721.098,188L753.659,188L745.738,212Z",
199
30
  style: {
200
31
  fill: "rgb(10,75,105)"
201
32
  }
202
- }), /* @__PURE__ */ React2.createElement("g", {
33
+ }), /* @__PURE__ */ React.createElement("g", {
203
34
  transform: "matrix(1.03125,0,0,1,588,0)"
204
- }, /* @__PURE__ */ React2.createElement("path", {
35
+ }, /* @__PURE__ */ React.createElement("path", {
205
36
  d: "M128,236C68.393,236 20,187.607 20,128C20,68.353 68.353,20 128,20L160,20L152.319,44L128,44C81.608,44 44,81.608 44,128C44,174.361 81.639,212 128,212C127.756,212.004 127.878,212.004 128,212.003C128.122,212.002 128.244,212 128,212L152.958,212L145.277,236L128,236ZM128,236C128.628,236 127.372,236.011 128,236Z",
206
37
  style: {
207
38
  fill: "rgb(5,40,61)"
@@ -209,10 +40,10 @@ var weights2 = /* @__PURE__ */ new Map([
209
40
  }))))
210
41
  ]
211
42
  ]);
212
- var Composer2 = /* @__PURE__ */ forwardRef2((props, ref) => {
43
+ var Composer = /* @__PURE__ */ forwardRef((props, ref) => {
213
44
  const weight = props.weight || "regular";
214
45
  const size = props.size || 256;
215
- return /* @__PURE__ */ React2.createElement("svg", {
46
+ return /* @__PURE__ */ React.createElement("svg", {
216
47
  ref,
217
48
  ...props,
218
49
  width: size,
@@ -220,69 +51,69 @@ var Composer2 = /* @__PURE__ */ forwardRef2((props, ref) => {
220
51
  viewBox: "0 0 256 256",
221
52
  fill: "currentColor",
222
53
  xmlns: "http://www.w3.org/2000/svg"
223
- }, weights2.get(weight));
54
+ }, weights.get(weight));
224
55
  });
225
- Composer2.displayName = "Composer";
56
+ Composer.displayName = "Composer";
226
57
 
227
- // src/icons/DXNS.tsx
58
+ // src/components/icons/DXNS.tsx
228
59
  import { IconBase } from "@phosphor-icons/react";
229
- import React3, { forwardRef as forwardRef3 } from "react";
230
- var weights3 = /* @__PURE__ */ new Map([
60
+ import React2, { forwardRef as forwardRef2 } from "react";
61
+ var weights2 = /* @__PURE__ */ new Map([
231
62
  [
232
63
  "regular",
233
64
  // eslint-disable-next-line react/jsx-key
234
- /* @__PURE__ */ React3.createElement("g", {
65
+ /* @__PURE__ */ React2.createElement("g", {
235
66
  style: {
236
67
  fillRule: "evenodd",
237
68
  clipRule: "evenodd",
238
69
  strokeLinejoin: "round",
239
70
  strokeMiterlimit: 2
240
71
  }
241
- }, /* @__PURE__ */ React3.createElement("g", {
72
+ }, /* @__PURE__ */ React2.createElement("g", {
242
73
  transform: "matrix(0.239925,0,0,0.239925,0,0)"
243
- }, /* @__PURE__ */ React3.createElement("path", {
74
+ }, /* @__PURE__ */ React2.createElement("path", {
244
75
  d: "M49.285,99.535L227.063,266.206L233.754,269.776L709.185,379.616L722.442,376.046L1017.38,99.535L1007.41,74.313L59.259,74.313L49.285,99.535M96.137,103.479L244.146,242.242L708.169,349.446L970.53,103.479L96.137,103.479"
245
- })), /* @__PURE__ */ React3.createElement("g", {
76
+ })), /* @__PURE__ */ React2.createElement("g", {
246
77
  transform: "matrix(0.239925,0,0,0.239925,0,0)"
247
- }, /* @__PURE__ */ React3.createElement("path", {
78
+ }, /* @__PURE__ */ React2.createElement("path", {
248
79
  d: "M240.121,269.814L1010.49,103.142L1004.32,74.635L233.953,241.306L240.121,269.814Z"
249
- })), /* @__PURE__ */ React3.createElement("g", {
80
+ })), /* @__PURE__ */ React2.createElement("g", {
250
81
  transform: "matrix(0.239925,0,0,0.239925,0,0)"
251
- }, /* @__PURE__ */ React3.createElement("path", {
82
+ }, /* @__PURE__ */ React2.createElement("path", {
252
83
  d: "M533.327,513.34L702.487,354.763L722.435,376.042L543.301,543.969L523.353,543.968L227.057,266.202L247.004,244.923L533.327,513.34Z"
253
- })), /* @__PURE__ */ React3.createElement("g", {
84
+ })), /* @__PURE__ */ React2.createElement("g", {
254
85
  transform: "matrix(0.239925,0,0,0.239925,0,0)"
255
- }, /* @__PURE__ */ React3.createElement("path", {
86
+ }, /* @__PURE__ */ React2.createElement("path", {
256
87
  d: "M59.259,992.354L1007.41,992.354L1017.38,967.132L722.442,690.621L709.185,687.051L233.754,796.891L227.063,800.461L49.285,967.132L59.259,992.354M244.146,824.425L96.137,963.187L970.53,963.187L708.169,717.221L244.146,824.425"
257
- })), /* @__PURE__ */ React3.createElement("g", {
88
+ })), /* @__PURE__ */ React2.createElement("g", {
258
89
  transform: "matrix(0.239925,0,0,0.239925,0,0)"
259
- }, /* @__PURE__ */ React3.createElement("path", {
90
+ }, /* @__PURE__ */ React2.createElement("path", {
260
91
  d: "M233.953,825.36L1004.32,992.031L1010.49,963.524L240.121,796.853L233.953,825.36Z"
261
- })), /* @__PURE__ */ React3.createElement("g", {
92
+ })), /* @__PURE__ */ React2.createElement("g", {
262
93
  transform: "matrix(0.239925,0,0,0.239925,0,0)"
263
- }, /* @__PURE__ */ React3.createElement("path", {
94
+ }, /* @__PURE__ */ React2.createElement("path", {
264
95
  d: "M533.327,553.328L247.004,821.745L227.057,800.466L523.353,522.7L543.301,522.7L722.435,690.626L702.487,711.905L533.327,553.328Z"
265
96
  })))
266
97
  ]
267
98
  ]);
268
- var DXNS = /* @__PURE__ */ forwardRef3((props, ref) => /* @__PURE__ */ React3.createElement(IconBase, {
99
+ var DXNS = /* @__PURE__ */ forwardRef2((props, ref) => /* @__PURE__ */ React2.createElement(IconBase, {
269
100
  ref,
270
101
  ...props,
271
- weights: weights3
102
+ weights: weights2
272
103
  }));
273
104
  DXNS.displayName = "DXNS";
274
105
 
275
- // src/icons/DXOS.tsx
106
+ // src/components/icons/DXOS.tsx
276
107
  import { IconBase as IconBase2 } from "@phosphor-icons/react";
277
- import React4, { forwardRef as forwardRef4 } from "react";
278
- var weights4 = /* @__PURE__ */ new Map([
108
+ import React3, { forwardRef as forwardRef3 } from "react";
109
+ var weights3 = /* @__PURE__ */ new Map([
279
110
  [
280
111
  "regular",
281
- /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("path", {
112
+ /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement("path", {
282
113
  d: "M127.96,85.307l2.83,-2.058l113.742,156.395l-4.684,5.025l-111.888,-69.93l-111.888,69.93l-4.684,-5.025l113.742,-156.395l2.83,2.058Zm100.309,143.873l-100.309,-137.925l-100.309,137.925l98.455,-61.534l3.708,0l98.455,61.534Z"
283
- }), /* @__PURE__ */ React4.createElement("path", {
114
+ }), /* @__PURE__ */ React3.createElement("path", {
284
115
  d: "M127.96,81.181l111.888,-69.93l4.684,5.025l-113.742,156.395l-2.83,-2.058l-2.83,2.058l-113.742,-156.395l4.684,-5.025l111.888,69.93Zm-100.309,-54.441l100.309,137.925l100.309,-137.925l-98.455,61.534l-3.708,-0l-98.455,-61.534Z"
285
- }), /* @__PURE__ */ React4.createElement("rect", {
116
+ }), /* @__PURE__ */ React3.createElement("rect", {
286
117
  x: "124.467",
287
118
  y: "85.307",
288
119
  width: "6.998",
@@ -290,157 +121,157 @@ var weights4 = /* @__PURE__ */ new Map([
290
121
  }))
291
122
  ]
292
123
  ]);
293
- var DXOS = /* @__PURE__ */ forwardRef4((props, ref) => /* @__PURE__ */ React4.createElement(IconBase2, {
124
+ var DXOS = /* @__PURE__ */ forwardRef3((props, ref) => /* @__PURE__ */ React3.createElement(IconBase2, {
294
125
  ref,
295
126
  ...props,
296
- weights: weights4
127
+ weights: weights3
297
128
  }));
298
129
  DXOS.displayName = "DXOS";
299
130
 
300
- // src/icons/ECHO.tsx
131
+ // src/components/icons/ECHO.tsx
301
132
  import { IconBase as IconBase3 } from "@phosphor-icons/react";
302
- import React5, { forwardRef as forwardRef5 } from "react";
303
- var weights5 = /* @__PURE__ */ new Map([
133
+ import React4, { forwardRef as forwardRef4 } from "react";
134
+ var weights4 = /* @__PURE__ */ new Map([
304
135
  [
305
136
  "regular",
306
- /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement("path", {
137
+ /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("path", {
307
138
  d: "M20.206,95.214l213.266,72.121l2.242,-6.628l-213.266,-72.123l-2.242,6.63Z"
308
- }), /* @__PURE__ */ React5.createElement("path", {
139
+ }), /* @__PURE__ */ React4.createElement("path", {
309
140
  d: "M233.472,88.584l-213.266,72.123l2.242,6.628l213.266,-72.121l-2.242,-6.63Z"
310
- }), /* @__PURE__ */ React5.createElement("path", {
141
+ }), /* @__PURE__ */ React4.createElement("path", {
311
142
  d: "M127.96,122.86l104.017,-111.034l6.053,2.392l-0.034,227.485l-6.053,2.391l-103.983,-110.998l-103.983,110.998l-6.053,-2.391l-0.033,-227.485l6.052,-2.392l104.017,111.034Zm4.795,5.118l98.244,104.873l0.032,-209.779l-98.276,104.906Zm-107.834,104.873l98.245,-104.873l-98.276,-104.906l0.031,209.779Z"
312
143
  }))
313
144
  ]
314
145
  ]);
315
- var ECHO = /* @__PURE__ */ forwardRef5((props, ref) => /* @__PURE__ */ React5.createElement(IconBase3, {
146
+ var ECHO = /* @__PURE__ */ forwardRef4((props, ref) => /* @__PURE__ */ React4.createElement(IconBase3, {
316
147
  ref,
317
148
  ...props,
318
- weights: weights5
149
+ weights: weights4
319
150
  }));
320
151
  ECHO.displayName = "ECHO";
321
152
 
322
- // src/icons/HALO.tsx
153
+ // src/components/icons/HALO.tsx
323
154
  import { IconBase as IconBase4 } from "@phosphor-icons/react";
324
- import React6, { forwardRef as forwardRef6 } from "react";
325
- var weights6 = /* @__PURE__ */ new Map([
155
+ import React5, { forwardRef as forwardRef5 } from "react";
156
+ var weights5 = /* @__PURE__ */ new Map([
326
157
  [
327
158
  "regular",
328
- /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement("path", {
159
+ /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement("path", {
329
160
  d: "M95.822,117.241l-64.269,126.05l-6.235,-3.178l65.243,-127.96l3.117,-1.91l65.243,0l0,6.998l-63.099,0Z"
330
- }), /* @__PURE__ */ React6.createElement("path", {
161
+ }), /* @__PURE__ */ React5.createElement("path", {
331
162
  d: "M227.483,241.703l-68.559,-127.96l68.559,127.96Z"
332
- }), /* @__PURE__ */ React6.createElement("path", {
163
+ }), /* @__PURE__ */ React5.createElement("path", {
333
164
  d: "M230.567,240.05l-6.168,3.305l-68.559,-127.96l6.168,-3.305l68.559,127.96Z"
334
- }), /* @__PURE__ */ React6.createElement("path", {
165
+ }), /* @__PURE__ */ React5.createElement("path", {
335
166
  d: "M230.569,240.05l-68.563,-127.96l-6.169,3.305l68.563,127.96l6.169,-3.305Z"
336
- }), /* @__PURE__ */ React6.createElement("path", {
167
+ }), /* @__PURE__ */ React5.createElement("path", {
337
168
  d: "M158.921,113.742l-32.621,56.871"
338
- }), /* @__PURE__ */ React6.createElement("path", {
169
+ }), /* @__PURE__ */ React5.createElement("path", {
339
170
  d: "M155.886,112.001l-32.621,56.871l6.07,3.482l32.621,-56.871l-6.07,-3.482Z"
340
- }), /* @__PURE__ */ React6.createElement("path", {
171
+ }), /* @__PURE__ */ React5.createElement("path", {
341
172
  d: "M184.275,30.24l-21.968,84.384l-6.772,-1.764l25.91,-99.524l6.825,0.237l42.654,227.484l-5.451,3.508l-99.139,-69.652l-95.842,69.62l-5.495,-3.476l42.653,-227.484l6.851,-0.13l22.474,99.013l31.973,55.741l93.513,65.7l-38.186,-203.657Zm-112.86,1.223l-37.92,202.239l88.207,-64.073l-31.059,-54.146l-0.377,-0.967l-18.851,-83.053Z"
342
173
  }))
343
174
  ]
344
175
  ]);
345
- var HALO = /* @__PURE__ */ forwardRef6((props, ref) => /* @__PURE__ */ React6.createElement(IconBase4, {
176
+ var HALO = /* @__PURE__ */ forwardRef5((props, ref) => /* @__PURE__ */ React5.createElement(IconBase4, {
346
177
  ref,
347
178
  ...props,
348
- weights: weights6
179
+ weights: weights5
349
180
  }));
350
181
  HALO.displayName = "HALO";
351
182
 
352
- // src/icons/KUBE.tsx
183
+ // src/components/icons/KUBE.tsx
353
184
  import { IconBase as IconBase5 } from "@phosphor-icons/react";
354
- import React7, { forwardRef as forwardRef7 } from "react";
355
- var weights7 = /* @__PURE__ */ new Map([
185
+ import React6, { forwardRef as forwardRef6 } from "react";
186
+ var weights6 = /* @__PURE__ */ new Map([
356
187
  [
357
188
  "regular",
358
189
  // eslint-disable-next-line react/jsx-key
359
- /* @__PURE__ */ React7.createElement("g", {
190
+ /* @__PURE__ */ React6.createElement("g", {
360
191
  style: {
361
192
  fillRule: "evenodd",
362
193
  clipRule: "evenodd",
363
194
  strokeLinejoin: "round",
364
195
  strokeMiterlimit: 2
365
196
  }
366
- }, /* @__PURE__ */ React7.createElement("g", {
197
+ }, /* @__PURE__ */ React6.createElement("g", {
367
198
  transform: "matrix(0.239925,0,0,0.239925,0,0)"
368
- }, /* @__PURE__ */ React7.createElement("path", {
199
+ }, /* @__PURE__ */ React6.createElement("path", {
369
200
  d: "M547.364,1007.44L548.457,460.268L519.29,460.21L518.197,1007.38L547.364,1007.44Z"
370
- })), /* @__PURE__ */ React7.createElement("g", {
201
+ })), /* @__PURE__ */ React6.createElement("g", {
371
202
  transform: "matrix(0.239925,0,0,0.239925,0,0)"
372
- }, /* @__PURE__ */ React7.createElement("path", {
203
+ }, /* @__PURE__ */ React6.createElement("path", {
373
204
  d: "M54.139,250.695L528.213,428.47L538.454,401.16L64.38,223.385L54.139,250.695Z"
374
- })), /* @__PURE__ */ React7.createElement("g", {
205
+ })), /* @__PURE__ */ React6.createElement("g", {
375
206
  transform: "matrix(0.239925,0,0,0.239925,0,0)"
376
- }, /* @__PURE__ */ React7.createElement("rect", {
207
+ }, /* @__PURE__ */ React6.createElement("rect", {
377
208
  x: "519.303",
378
209
  y: "59.261",
379
210
  width: "29.167",
380
211
  height: "550.2"
381
- })), /* @__PURE__ */ React7.createElement("g", {
212
+ })), /* @__PURE__ */ React6.createElement("g", {
382
213
  transform: "matrix(0.239925,0,0,0.239925,0,0)"
383
- }, /* @__PURE__ */ React7.createElement("path", {
214
+ }, /* @__PURE__ */ React6.createElement("path", {
384
215
  d: "M528.213,665.508L1002.29,843.284L1012.53,815.975L538.454,638.199L528.213,665.508Z"
385
- })), /* @__PURE__ */ React7.createElement("g", {
216
+ })), /* @__PURE__ */ React6.createElement("g", {
386
217
  transform: "matrix(0.239925,0,0,0.239925,0,0)"
387
- }, /* @__PURE__ */ React7.createElement("path", {
218
+ }, /* @__PURE__ */ React6.createElement("path", {
388
219
  d: "M1002.29,223.382L528.216,401.16L538.457,428.47L1012.53,250.692L1002.29,223.382Z"
389
- })), /* @__PURE__ */ React7.createElement("g", {
220
+ })), /* @__PURE__ */ React6.createElement("g", {
390
221
  transform: "matrix(0.239925,0,0,0.239925,0,0)"
391
- }, /* @__PURE__ */ React7.createElement("path", {
222
+ }, /* @__PURE__ */ React6.createElement("path", {
392
223
  d: "M528.213,638.199L54.139,815.976L64.38,843.285L538.454,665.508L528.213,638.199Z"
393
- })), /* @__PURE__ */ React7.createElement("g", {
224
+ })), /* @__PURE__ */ React6.createElement("g", {
394
225
  transform: "matrix(0.239925,0,0,0.239925,0,0)"
395
- }, /* @__PURE__ */ React7.createElement("path", {
226
+ }, /* @__PURE__ */ React6.createElement("path", {
396
227
  d: "M1021.99,829.63L1021.99,237.037L1012.54,223.388L540.115,45.61L534.978,44.676L533.885,44.676L528.77,45.602L54.143,223.38L44.675,237.064L45.781,829.654L55.228,843.275L527.643,1021.05L537.894,1021.06L1012.52,843.286L1021.99,829.63ZM73.86,247.14L74.929,819.526L532.791,991.826L992.823,819.519L992.823,247.131L534.421,74.631L73.86,247.14Z"
397
- })), /* @__PURE__ */ React7.createElement("g", {
228
+ })), /* @__PURE__ */ React6.createElement("g", {
398
229
  transform: "matrix(0.239925,0,0,0.239925,0,0)"
399
- }, /* @__PURE__ */ React7.createElement("path", {
230
+ }, /* @__PURE__ */ React6.createElement("path", {
400
231
  d: "M520.356,51.633L46.835,822L71.683,837.274L545.204,66.906L520.356,51.633Z"
401
- })), /* @__PURE__ */ React7.createElement("g", {
232
+ })), /* @__PURE__ */ React6.createElement("g", {
402
233
  transform: "matrix(0.239925,0,0,0.239925,0,0)"
403
- }, /* @__PURE__ */ React7.createElement("path", {
234
+ }, /* @__PURE__ */ React6.createElement("path", {
404
235
  d: "M995.005,229.366L520.378,996.709L545.183,1012.05L1019.81,244.708L995.005,229.366Z"
405
236
  })))
406
237
  ]
407
238
  ]);
408
- var KUBE = /* @__PURE__ */ forwardRef7((props, ref) => /* @__PURE__ */ React7.createElement(IconBase5, {
239
+ var KUBE = /* @__PURE__ */ forwardRef6((props, ref) => /* @__PURE__ */ React6.createElement(IconBase5, {
409
240
  ref,
410
241
  ...props,
411
- weights: weights7
242
+ weights: weights6
412
243
  }));
413
244
  KUBE.displayName = "KUBE";
414
245
 
415
- // src/icons/MESH.tsx
246
+ // src/components/icons/MESH.tsx
416
247
  import { IconBase as IconBase6 } from "@phosphor-icons/react";
417
- import React8, { forwardRef as forwardRef8 } from "react";
418
- var weights8 = /* @__PURE__ */ new Map([
248
+ import React7, { forwardRef as forwardRef7 } from "react";
249
+ var weights7 = /* @__PURE__ */ new Map([
419
250
  [
420
251
  "regular",
421
- /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("path", {
252
+ /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("path", {
422
253
  d: "M65.743,14.645l58.606,227.928l6.777,-1.742l-58.606,-227.929l-6.777,1.743Z"
423
- }), /* @__PURE__ */ React8.createElement("path", {
254
+ }), /* @__PURE__ */ React7.createElement("path", {
424
255
  d: "M127.737,235.515l82.361,-120.117l5.771,3.958l-85.247,124.325l-5.771,-0l-85.244,-124.326l5.772,-3.957l82.358,120.117Z"
425
- }), /* @__PURE__ */ React8.createElement("path", {
256
+ }), /* @__PURE__ */ React7.createElement("path", {
426
257
  d: "M127.738,84.021l55.836,-72.385l6.159,1.266l58.607,227.929l-6.159,3.008l-114.443,-148.361l-114.443,148.361l-6.159,-3.008l58.607,-227.929l6.159,-1.266l55.836,72.385Zm-109.585,142.063l105.166,-136.335l-52.583,-68.167l-52.583,204.502Zm114.004,-136.335l105.166,136.335l-52.583,-204.502l-52.583,68.167Z"
427
- }), /* @__PURE__ */ React8.createElement("path", {
258
+ }), /* @__PURE__ */ React7.createElement("path", {
428
259
  d: "M182.956,12.902l-58.607,227.929l6.777,1.742l58.607,-227.928l-6.777,-1.743Z"
429
260
  }))
430
261
  ]
431
262
  ]);
432
- var MESH = /* @__PURE__ */ forwardRef8((props, ref) => /* @__PURE__ */ React8.createElement(IconBase6, {
263
+ var MESH = /* @__PURE__ */ forwardRef7((props, ref) => /* @__PURE__ */ React7.createElement(IconBase6, {
433
264
  ref,
434
265
  ...props,
435
- weights: weights8
266
+ weights: weights7
436
267
  }));
437
268
  MESH.displayName = "MESH";
438
269
 
439
- // src/logotypes/DXOSHorizontalType.tsx
440
- import React9 from "react";
270
+ // src/components/logotypes/DXOSHorizontalType.tsx
271
+ import React8 from "react";
441
272
  var defaultSize = "w-[256px] h-[128px]";
442
273
  var DXOSHorizontalType = ({ className = defaultSize }) => {
443
- return /* @__PURE__ */ React9.createElement("svg", {
274
+ return /* @__PURE__ */ React8.createElement("svg", {
444
275
  viewBox: "0 0 2048 1024",
445
276
  version: "1.1",
446
277
  xmlns: "http://www.w3.org/2000/svg",
@@ -452,34 +283,34 @@ var DXOSHorizontalType = ({ className = defaultSize }) => {
452
283
  strokeLinejoin: "round",
453
284
  strokeMiterlimit: 2
454
285
  }
455
- }, /* @__PURE__ */ React9.createElement("g", {
286
+ }, /* @__PURE__ */ React8.createElement("g", {
456
287
  transform: "matrix(0.64,0,0,0.64,62.0285,170.667)"
457
- }, /* @__PURE__ */ React9.createElement("path", {
288
+ }, /* @__PURE__ */ React8.createElement("path", {
458
289
  d: "M1191.03,327.748L1191.03,712.923L1272.01,712.923C1300.99,712.923 1327.76,707.978 1352.33,698.101C1376.92,688.223 1397.99,674.728 1415.55,657.617C1433.1,640.492 1446.82,620.193 1456.7,596.707C1466.58,573.233 1471.51,547.888 1471.51,520.658C1471.51,493.011 1466.79,467.438 1457.36,443.952C1447.92,420.491 1434.53,400.179 1417.19,383.055C1399.85,365.943 1378.68,352.448 1353.66,342.558C1328.63,332.693 1300.76,327.748 1270.04,327.748L1191.03,327.748ZM1139.67,280.345L1274,280.345C1311.29,280.345 1345.32,286.492 1376.05,298.773C1406.77,311.079 1433.1,327.975 1455.06,349.476C1477,370.989 1494.01,396.334 1506.08,425.525C1518.14,454.727 1524.19,486.422 1524.19,520.658C1524.19,554.895 1517.93,586.728 1505.42,616.133C1492.91,645.538 1475.57,670.896 1453.41,692.182C1431.24,713.48 1405.01,730.263 1374.72,742.556C1344.44,754.837 1311.52,760.983 1275.97,760.983L1139.67,760.983L1139.67,280.345Z"
459
- })), /* @__PURE__ */ React9.createElement("g", {
290
+ })), /* @__PURE__ */ React8.createElement("g", {
460
291
  transform: "matrix(0.64,0,0,0.64,62.0285,170.667)"
461
- }, /* @__PURE__ */ React9.createElement("path", {
292
+ }, /* @__PURE__ */ React8.createElement("path", {
462
293
  d: "M1785.58,554.239L1649.95,760.986L1592,760.986L1755.95,514.084L1603.2,280.348L1661.14,280.348L1786.89,470.628L1911.99,280.348L1969.93,280.348L1816.53,510.783L1979.81,760.986L1921.87,760.986L1785.58,554.239Z"
463
- })), /* @__PURE__ */ React9.createElement("g", {
294
+ })), /* @__PURE__ */ React8.createElement("g", {
464
295
  transform: "matrix(0.64,0,0,0.64,62.0285,170.667)"
465
- }, /* @__PURE__ */ React9.createElement("path", {
296
+ }, /* @__PURE__ */ React8.createElement("path", {
466
297
  d: "M2301.11,718.848C2328.77,718.848 2354.44,713.574 2378.14,703.038C2401.85,692.503 2422.36,678.249 2439.7,660.252C2457.04,642.255 2470.65,621.298 2480.53,597.37C2490.4,573.453 2495.34,547.88 2495.34,520.663C2495.34,493.459 2490.4,467.886 2480.53,443.957C2470.65,420.041 2457.04,399.084 2439.7,381.074C2422.36,363.09 2401.85,348.823 2378.14,338.288C2354.44,327.753 2328.77,322.479 2301.11,322.479C2273.45,322.479 2247.78,327.753 2224.08,338.288C2200.37,348.823 2179.85,363.09 2162.52,381.074C2145.17,399.084 2131.57,420.041 2121.7,443.957C2111.82,467.886 2106.89,493.459 2106.89,520.663C2106.89,547.88 2111.82,573.453 2121.7,597.37C2131.57,621.298 2145.17,642.255 2162.52,660.252C2179.85,678.249 2200.37,692.503 2224.08,703.038C2247.78,713.574 2273.45,718.848 2301.11,718.848M2301.11,767.565C2266.87,767.565 2234.83,761.077 2204.98,748.139C2175.13,735.201 2149.03,717.532 2126.64,695.134C2104.25,672.748 2086.57,646.644 2073.64,616.796C2060.68,586.948 2054.21,554.9 2054.21,520.663C2054.21,486.427 2060.68,454.391 2073.64,424.531C2086.57,394.695 2104.25,368.579 2126.64,346.193C2149.03,323.807 2175.13,306.138 2204.98,293.188C2234.83,280.237 2266.87,273.761 2301.11,273.761C2335.35,273.761 2367.38,280.237 2397.24,293.188C2427.08,306.138 2453.2,323.807 2475.58,346.193C2497.97,368.579 2515.64,394.695 2528.59,424.531C2541.54,454.391 2548.01,486.427 2548.01,520.663C2548.01,554.9 2541.54,586.948 2528.59,616.796C2515.64,646.644 2497.97,672.748 2475.58,695.134C2453.2,717.532 2427.08,735.201 2397.24,748.139C2367.38,761.077 2335.35,767.565 2301.11,767.565"
467
- })), /* @__PURE__ */ React9.createElement("g", {
298
+ })), /* @__PURE__ */ React8.createElement("g", {
468
299
  transform: "matrix(0.64,0,0,0.64,62.0285,170.667)"
469
- }, /* @__PURE__ */ React9.createElement("path", {
300
+ }, /* @__PURE__ */ React8.createElement("path", {
470
301
  d: "M2802.16,767.565C2763.09,767.565 2729.96,759.774 2702.74,744.18C2675.52,728.611 2652.05,706.984 2632.29,679.337L2675.75,646.416C2691.99,671.433 2710.2,690.1 2730.4,702.381C2750.57,714.674 2774.5,720.82 2802.16,720.82C2817.08,720.82 2830.81,718.519 2843.32,713.902C2855.82,709.299 2866.57,703.038 2875.58,695.134C2884.57,687.242 2891.59,677.693 2896.65,666.5C2901.68,655.307 2904.21,643.128 2904.21,629.962C2904.21,615.038 2900.92,602.53 2894.35,592.424C2887.76,582.332 2878.97,573.668 2868,566.421C2857.03,559.174 2844.52,552.927 2830.48,547.653C2816.41,542.391 2801.93,537.117 2787.02,531.856C2770.33,526.165 2753.99,519.904 2737.96,513.087C2721.94,506.296 2707.68,497.847 2695.18,487.742C2682.66,477.649 2672.46,465.47 2664.56,451.204C2656.65,436.938 2652.71,419.269 2652.71,398.199C2652.71,380.644 2656.43,364.291 2663.9,349.152C2671.36,334.001 2681.67,320.835 2694.85,309.642C2708.01,298.449 2723.58,289.672 2741.58,283.31C2759.58,276.948 2779.12,273.761 2800.19,273.761C2834.42,273.761 2863.4,280.123 2887.1,292.859C2910.8,305.595 2931.43,323.364 2948.98,346.193L2908.16,376.471C2883.57,338.288 2847.36,319.191 2799.53,319.191C2785.92,319.191 2773.41,321.164 2762.01,325.122C2750.57,329.068 2740.61,334.658 2732.04,341.905C2723.48,349.152 2716.79,357.601 2711.96,367.251C2707.13,376.913 2704.71,387.233 2704.71,398.199C2704.71,412.25 2707.9,423.987 2714.26,433.422C2720.62,442.869 2729.08,451.103 2739.62,458.109C2750.15,465.141 2762.33,471.174 2776.16,476.22C2789.98,481.267 2804.35,486.427 2819.28,491.701C2835.95,497.405 2852.42,503.779 2868.66,510.786C2884.9,517.818 2899.49,526.481 2912.45,536.789C2925.38,547.109 2935.92,559.731 2944.05,574.655C2952.16,589.579 2956.23,608.019 2956.23,629.962C2956.23,647.959 2952.61,665.185 2945.37,681.652C2938.12,698.106 2927.69,712.701 2914.09,725.424C2900.48,738.16 2884.24,748.366 2865.37,756.043C2846.49,763.72 2825.42,767.565 2802.16,767.565"
471
- })), /* @__PURE__ */ React9.createElement("g", {
302
+ })), /* @__PURE__ */ React8.createElement("g", {
472
303
  transform: "matrix(0.64,0,0,0.64,62.0285,170.667)"
473
- }, /* @__PURE__ */ React9.createElement("path", {
304
+ }, /* @__PURE__ */ React8.createElement("path", {
474
305
  d: "M893.472,909.428L555.003,697.888L647.316,570.959L893.472,909.428ZM398.96,570.959L491.273,697.888L152.804,909.428L398.96,570.959ZM152.804,157.226L491.273,368.766L398.96,495.695L152.804,157.226ZM545.277,430.649L619.947,533.333L545.277,636.005L545.277,430.649ZM501.011,636.005L426.329,533.333L501.011,430.649L501.011,636.005ZM647.316,495.695L555.003,368.766L893.472,157.226L647.316,495.695ZM996.346,91.042L966.713,59.259L523.144,336.49L79.563,59.259L49.93,91.042L371.591,533.333L49.93,975.612L79.563,1007.41L523.144,730.164L966.713,1007.41L996.346,975.612L674.685,533.333L996.346,91.042Z"
475
306
  })));
476
307
  };
477
308
 
478
- // src/logotypes/DXOSType.tsx
479
- import React10 from "react";
309
+ // src/components/logotypes/DXOSType.tsx
310
+ import React9 from "react";
480
311
  var defaultSize2 = "w-[128px] h-[64px]";
481
312
  var DXOSType = ({ className = defaultSize2 }) => {
482
- return /* @__PURE__ */ React10.createElement("svg", {
313
+ return /* @__PURE__ */ React9.createElement("svg", {
483
314
  viewBox: "0 0 1024 512",
484
315
  version: "1.1",
485
316
  xmlns: "http://www.w3.org/2000/svg",
@@ -491,30 +322,30 @@ var DXOSType = ({ className = defaultSize2 }) => {
491
322
  strokeLinejoin: "round",
492
323
  strokeMiterlimit: 2
493
324
  }
494
- }, /* @__PURE__ */ React10.createElement("g", {
325
+ }, /* @__PURE__ */ React9.createElement("g", {
495
326
  transform: "matrix(1,0,0,1,-21.333,-794.383)"
496
- }, /* @__PURE__ */ React10.createElement("path", {
327
+ }, /* @__PURE__ */ React9.createElement("path", {
497
328
  d: "M86.069,949.696L86.069,1150.73L128.337,1150.73C143.46,1150.73 157.438,1148.15 170.261,1143C183.093,1137.84 194.092,1130.8 203.257,1121.86C212.414,1112.93 219.574,1102.34 224.73,1090.08C229.886,1077.83 232.464,1064.59 232.464,1050.39C232.464,1035.95 230,1022.61 225.083,1010.35C220.147,998.094 213.168,987.496 204.117,978.559C195.065,969.622 184.009,962.586 170.958,957.43C157.896,952.274 143.346,949.696 127.306,949.696L86.069,949.696ZM59.259,924.949L129.368,924.949C148.845,924.949 166.604,928.166 182.634,934.573C198.665,940.999 212.414,949.821 223.88,961.03C235.328,972.267 244.207,985.491 250.509,1000.73C256.81,1015.96 259.961,1032.52 259.961,1050.39C259.961,1068.25 256.696,1084.86 250.165,1100.22C243.634,1115.57 234.583,1128.8 223.021,1139.91C211.449,1151.03 197.758,1159.79 181.947,1166.2C166.145,1172.62 148.96,1175.82 130.399,1175.82L59.259,1175.82L59.259,924.949Z"
498
- })), /* @__PURE__ */ React10.createElement("g", {
329
+ })), /* @__PURE__ */ React9.createElement("g", {
499
330
  transform: "matrix(1,0,0,1,-21.333,-794.383)"
500
- }, /* @__PURE__ */ React10.createElement("path", {
331
+ }, /* @__PURE__ */ React9.createElement("path", {
501
332
  d: "M396.392,1067.91L325.596,1175.82L295.359,1175.82L380.925,1046.95L301.202,924.943L331.44,924.943L397.08,1024.27L462.376,924.943L492.614,924.943L412.538,1045.22L497.77,1175.82L467.532,1175.82L396.392,1067.91Z"
502
- })), /* @__PURE__ */ React10.createElement("g", {
333
+ })), /* @__PURE__ */ React9.createElement("g", {
503
334
  transform: "matrix(1,0,0,1,-21.333,-794.383)"
504
- }, /* @__PURE__ */ React10.createElement("path", {
335
+ }, /* @__PURE__ */ React9.createElement("path", {
505
336
  d: "M665.476,1153.82C679.912,1153.82 693.317,1151.08 705.681,1145.58C718.055,1140.08 728.758,1132.63 737.818,1123.24C746.86,1113.84 753.963,1102.91 759.119,1090.41C764.275,1077.93 766.853,1064.59 766.853,1050.38C766.853,1036.18 764.275,1022.84 759.119,1010.35C753.963,997.859 746.86,986.927 737.818,977.522C728.758,968.137 718.055,960.68 705.681,955.18C693.317,949.691 679.912,946.941 665.476,946.941C651.039,946.941 637.635,949.691 625.27,955.18C612.897,960.68 602.184,968.137 593.133,977.522C584.082,986.927 576.978,997.859 571.832,1010.35C566.676,1022.84 564.098,1036.18 564.098,1050.38C564.098,1064.59 566.676,1077.93 571.832,1090.41C576.978,1102.91 584.082,1113.84 593.133,1123.24C602.184,1132.63 612.897,1140.08 625.27,1145.58C637.635,1151.08 651.039,1153.82 665.476,1153.82M665.476,1179.26C647.602,1179.26 630.875,1175.88 615.303,1169.12C599.721,1162.37 586.096,1153.13 574.4,1141.46C562.723,1129.76 553.491,1116.13 546.741,1100.55C539.981,1084.97 536.601,1068.24 536.601,1050.38C536.601,1032.52 539.981,1015.79 546.741,1000.21C553.491,984.626 562.723,971.001 574.4,959.315C586.096,947.628 599.721,938.405 615.303,931.645C630.875,924.895 647.602,921.506 665.476,921.506C683.349,921.506 700.067,924.895 715.649,931.645C731.23,938.405 744.855,947.628 756.541,959.315C768.228,971.001 777.451,984.626 784.21,1000.21C790.961,1015.79 794.35,1032.52 794.35,1050.38C794.35,1068.24 790.961,1084.97 784.21,1100.55C777.451,1116.13 768.228,1129.76 756.541,1141.46C744.855,1153.13 731.23,1162.37 715.649,1169.12C700.067,1175.88 683.349,1179.26 665.476,1179.26"
506
- })), /* @__PURE__ */ React10.createElement("g", {
337
+ })), /* @__PURE__ */ React9.createElement("g", {
507
338
  transform: "matrix(1,0,0,1,-21.333,-794.383)"
508
- }, /* @__PURE__ */ React10.createElement("path", {
339
+ }, /* @__PURE__ */ React9.createElement("path", {
509
340
  d: "M926.997,1179.26C906.603,1179.26 889.303,1175.19 875.105,1167.06C860.898,1158.92 848.639,1147.63 838.328,1133.2L861.013,1116.03C869.491,1129.08 879.001,1138.83 889.541,1145.23C900.072,1151.65 912.561,1154.85 926.997,1154.85C934.778,1154.85 941.939,1153.65 948.479,1151.25C955.01,1148.84 960.614,1145.59 965.312,1141.46C970.009,1137.33 973.675,1132.34 976.311,1126.51C978.936,1120.67 980.263,1114.31 980.263,1107.43C980.263,1099.65 978.545,1093.12 975.108,1087.85C971.67,1082.57 967.088,1078.05 961.359,1074.27C955.63,1070.48 949.1,1067.23 941.777,1064.48C934.435,1061.72 926.882,1058.98 919.091,1056.22C910.384,1053.26 901.848,1049.99 893.494,1046.43C885.121,1042.89 877.683,1038.47 871.153,1033.2C864.622,1027.93 859.294,1021.57 855.17,1014.13C851.045,1006.7 848.992,997.463 848.992,986.464C848.992,977.307 850.931,968.762 854.826,960.857C858.721,952.961 864.106,946.087 870.981,940.243C877.855,934.4 885.98,929.827 895.375,926.495C904.77,923.182 914.967,921.511 925.966,921.511C943.839,921.511 958.953,924.843 971.327,931.488C983.701,938.124 994.461,947.414 1003.63,959.32L982.326,975.121C969.494,955.185 950.589,945.227 925.622,945.227C918.519,945.227 911.988,946.258 906.03,948.33C900.072,950.373 894.869,953.305 890.401,957.076C885.932,960.857 882.438,965.277 879.917,970.309C877.397,975.36 876.136,980.735 876.136,986.464C876.136,993.796 877.798,999.926 881.12,1004.84C884.433,1009.78 888.854,1014.08 894.353,1017.73C899.843,1021.41 906.202,1024.56 913.42,1027.18C920.638,1029.83 928.143,1032.52 935.934,1035.26C944.641,1038.24 953.224,1041.56 961.703,1045.23C970.181,1048.9 977.8,1053.42 984.56,1058.81C991.31,1064.18 996.809,1070.79 1001.05,1078.56C1005.29,1086.36 1007.41,1095.98 1007.41,1107.43C1007.41,1116.83 1005.53,1125.81 1001.75,1134.41C997.965,1143 992.513,1150.62 985.419,1157.25C978.316,1163.92 969.837,1169.24 959.994,1173.24C950.131,1177.25 939.132,1179.26 926.997,1179.26"
510
341
  })));
511
342
  };
512
343
 
513
- // src/logotypes/DXOSVerticalType.tsx
514
- import React11 from "react";
344
+ // src/components/logotypes/DXOSVerticalType.tsx
345
+ import React10 from "react";
515
346
  var defaultSize3 = "w-[128px] h-[128px]";
516
347
  var DXOSVerticalType = ({ className = defaultSize3 }) => {
517
- return /* @__PURE__ */ React11.createElement("svg", {
348
+ return /* @__PURE__ */ React10.createElement("svg", {
518
349
  viewBox: "0 0 1024 1024",
519
350
  version: "1.1",
520
351
  xmlns: "http://www.w3.org/2000/svg",
@@ -526,32 +357,30 @@ var DXOSVerticalType = ({ className = defaultSize3 }) => {
526
357
  strokeLinejoin: "round",
527
358
  strokeMiterlimit: 2
528
359
  }
529
- }, /* @__PURE__ */ React11.createElement("g", {
360
+ }, /* @__PURE__ */ React10.createElement("g", {
530
361
  transform: "matrix(0.731429,0,0,0.731429,121.904,66.1132)"
531
- }, /* @__PURE__ */ React11.createElement("path", {
362
+ }, /* @__PURE__ */ React10.createElement("path", {
532
363
  d: "M86.069,949.696L86.069,1150.73L128.337,1150.73C143.46,1150.73 157.438,1148.15 170.261,1143C183.093,1137.84 194.092,1130.8 203.257,1121.86C212.414,1112.93 219.574,1102.34 224.73,1090.08C229.886,1077.83 232.464,1064.59 232.464,1050.39C232.464,1035.95 230,1022.61 225.083,1010.35C220.147,998.094 213.168,987.496 204.117,978.559C195.065,969.622 184.009,962.586 170.958,957.43C157.896,952.274 143.346,949.696 127.306,949.696L86.069,949.696ZM59.259,924.949L129.368,924.949C148.845,924.949 166.604,928.166 182.634,934.573C198.665,940.999 212.414,949.821 223.88,961.03C235.328,972.267 244.207,985.491 250.509,1000.73C256.81,1015.96 259.961,1032.52 259.961,1050.39C259.961,1068.25 256.696,1084.86 250.165,1100.22C243.634,1115.57 234.583,1128.8 223.021,1139.91C211.449,1151.03 197.758,1159.79 181.947,1166.2C166.145,1172.62 148.96,1175.82 130.399,1175.82L59.259,1175.82L59.259,924.949Z"
533
- })), /* @__PURE__ */ React11.createElement("g", {
364
+ })), /* @__PURE__ */ React10.createElement("g", {
534
365
  transform: "matrix(0.731429,0,0,0.731429,121.904,66.1132)"
535
- }, /* @__PURE__ */ React11.createElement("path", {
366
+ }, /* @__PURE__ */ React10.createElement("path", {
536
367
  d: "M396.392,1067.91L325.596,1175.82L295.359,1175.82L380.925,1046.95L301.202,924.943L331.44,924.943L397.08,1024.27L462.376,924.943L492.614,924.943L412.538,1045.22L497.77,1175.82L467.532,1175.82L396.392,1067.91Z"
537
- })), /* @__PURE__ */ React11.createElement("g", {
368
+ })), /* @__PURE__ */ React10.createElement("g", {
538
369
  transform: "matrix(0.731429,0,0,0.731429,121.904,66.1132)"
539
- }, /* @__PURE__ */ React11.createElement("path", {
370
+ }, /* @__PURE__ */ React10.createElement("path", {
540
371
  d: "M665.476,1153.82C679.912,1153.82 693.317,1151.08 705.681,1145.58C718.055,1140.08 728.758,1132.63 737.818,1123.24C746.86,1113.84 753.963,1102.91 759.119,1090.41C764.275,1077.93 766.853,1064.59 766.853,1050.38C766.853,1036.18 764.275,1022.84 759.119,1010.35C753.963,997.859 746.86,986.927 737.818,977.522C728.758,968.137 718.055,960.68 705.681,955.18C693.317,949.691 679.912,946.941 665.476,946.941C651.039,946.941 637.635,949.691 625.27,955.18C612.897,960.68 602.184,968.137 593.133,977.522C584.082,986.927 576.978,997.859 571.832,1010.35C566.676,1022.84 564.098,1036.18 564.098,1050.38C564.098,1064.59 566.676,1077.93 571.832,1090.41C576.978,1102.91 584.082,1113.84 593.133,1123.24C602.184,1132.63 612.897,1140.08 625.27,1145.58C637.635,1151.08 651.039,1153.82 665.476,1153.82M665.476,1179.26C647.602,1179.26 630.875,1175.88 615.303,1169.12C599.721,1162.37 586.096,1153.13 574.4,1141.46C562.723,1129.76 553.491,1116.13 546.741,1100.55C539.981,1084.97 536.601,1068.24 536.601,1050.38C536.601,1032.52 539.981,1015.79 546.741,1000.21C553.491,984.626 562.723,971.001 574.4,959.315C586.096,947.628 599.721,938.405 615.303,931.645C630.875,924.895 647.602,921.506 665.476,921.506C683.349,921.506 700.067,924.895 715.649,931.645C731.23,938.405 744.855,947.628 756.541,959.315C768.228,971.001 777.451,984.626 784.21,1000.21C790.961,1015.79 794.35,1032.52 794.35,1050.38C794.35,1068.24 790.961,1084.97 784.21,1100.55C777.451,1116.13 768.228,1129.76 756.541,1141.46C744.855,1153.13 731.23,1162.37 715.649,1169.12C700.067,1175.88 683.349,1179.26 665.476,1179.26"
541
- })), /* @__PURE__ */ React11.createElement("g", {
372
+ })), /* @__PURE__ */ React10.createElement("g", {
542
373
  transform: "matrix(0.731429,0,0,0.731429,121.904,66.1132)"
543
- }, /* @__PURE__ */ React11.createElement("path", {
374
+ }, /* @__PURE__ */ React10.createElement("path", {
544
375
  d: "M926.997,1179.26C906.603,1179.26 889.303,1175.19 875.105,1167.06C860.898,1158.92 848.639,1147.63 838.328,1133.2L861.013,1116.03C869.491,1129.08 879.001,1138.83 889.541,1145.23C900.072,1151.65 912.561,1154.85 926.997,1154.85C934.778,1154.85 941.939,1153.65 948.479,1151.25C955.01,1148.84 960.614,1145.59 965.312,1141.46C970.009,1137.33 973.675,1132.34 976.311,1126.51C978.936,1120.67 980.263,1114.31 980.263,1107.43C980.263,1099.65 978.545,1093.12 975.108,1087.85C971.67,1082.57 967.088,1078.05 961.359,1074.27C955.63,1070.48 949.1,1067.23 941.777,1064.48C934.435,1061.72 926.882,1058.98 919.091,1056.22C910.384,1053.26 901.848,1049.99 893.494,1046.43C885.121,1042.89 877.683,1038.47 871.153,1033.2C864.622,1027.93 859.294,1021.57 855.17,1014.13C851.045,1006.7 848.992,997.463 848.992,986.464C848.992,977.307 850.931,968.762 854.826,960.857C858.721,952.961 864.106,946.087 870.981,940.243C877.855,934.4 885.98,929.827 895.375,926.495C904.77,923.182 914.967,921.511 925.966,921.511C943.839,921.511 958.953,924.843 971.327,931.488C983.701,938.124 994.461,947.414 1003.63,959.32L982.326,975.121C969.494,955.185 950.589,945.227 925.622,945.227C918.519,945.227 911.988,946.258 906.03,948.33C900.072,950.373 894.869,953.305 890.401,957.076C885.932,960.857 882.438,965.277 879.917,970.309C877.397,975.36 876.136,980.735 876.136,986.464C876.136,993.796 877.798,999.926 881.12,1004.84C884.433,1009.78 888.854,1014.08 894.353,1017.73C899.843,1021.41 906.202,1024.56 913.42,1027.18C920.638,1029.83 928.143,1032.52 935.934,1035.26C944.641,1038.24 953.224,1041.56 961.703,1045.23C970.181,1048.9 977.8,1053.42 984.56,1058.81C991.31,1064.18 996.809,1070.79 1001.05,1078.56C1005.29,1086.36 1007.41,1095.98 1007.41,1107.43C1007.41,1116.83 1005.53,1125.81 1001.75,1134.41C997.965,1143 992.513,1150.62 985.419,1157.25C978.316,1163.92 969.837,1169.24 959.994,1173.24C950.131,1177.25 939.132,1179.26 926.997,1179.26"
545
- })), /* @__PURE__ */ React11.createElement("g", {
376
+ })), /* @__PURE__ */ React10.createElement("g", {
546
377
  transform: "matrix(0.731429,0,0,0.731429,121.904,66.1132)"
547
- }, /* @__PURE__ */ React11.createElement("path", {
378
+ }, /* @__PURE__ */ React10.createElement("path", {
548
379
  d: "M629.499,392.807L552.936,287.544L833.657,112.096L629.499,392.807ZM833.657,714.096L552.936,538.658L629.499,433.385L833.657,714.096ZM442.011,433.385L518.574,538.658L237.853,714.096L442.011,433.385ZM237.853,112.096L518.574,287.544L442.011,392.807L237.853,112.096ZM547.714,320.932L614.748,413.096L547.714,505.26L547.714,320.932ZM523.844,505.317L456.772,413.096L523.844,320.875L523.844,505.317ZM873.146,59.259L535.76,270.129L198.364,59.259L182.391,76.397L427.26,413.096L182.391,749.795L198.364,766.933L535.76,556.063L873.146,766.933L889.119,749.795L644.25,413.096L889.119,76.397L873.146,59.259Z"
549
380
  })));
550
381
  };
551
382
  export {
552
- Composer2 as Composer,
553
- ComposerLogo,
554
- ComposerSpinner,
383
+ Composer,
555
384
  DXNS,
556
385
  DXOS,
557
386
  DXOSHorizontalType,