@dxos/brand 0.6.2-main.6f40bfd → 0.6.2-main.8a232a5

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 (61) hide show
  1. package/dist/lib/browser/index.mjs +68 -212
  2. package/package.json +5 -11
  3. package/dist/lib/browser/index.mjs.map +0 -7
  4. package/dist/lib/browser/meta.json +0 -1
  5. package/dist/types/src/Icons.stories.d.ts +0 -11
  6. package/dist/types/src/Icons.stories.d.ts.map +0 -1
  7. package/dist/types/src/Logotypes.stories.d.ts +0 -11
  8. package/dist/types/src/Logotypes.stories.d.ts.map +0 -1
  9. package/dist/types/src/components/ComposerLogo/ComposerLogo.d.ts +0 -26
  10. package/dist/types/src/components/ComposerLogo/ComposerLogo.d.ts.map +0 -1
  11. package/dist/types/src/components/ComposerLogo/ComposerLogo.stories.d.ts +0 -27
  12. package/dist/types/src/components/ComposerLogo/ComposerLogo.stories.d.ts.map +0 -1
  13. package/dist/types/src/components/ComposerLogo/index.d.ts +0 -2
  14. package/dist/types/src/components/ComposerLogo/index.d.ts.map +0 -1
  15. package/dist/types/src/components/index.d.ts +0 -2
  16. package/dist/types/src/components/index.d.ts.map +0 -1
  17. package/dist/types/src/icons/Composer.d.ts +0 -3
  18. package/dist/types/src/icons/Composer.d.ts.map +0 -1
  19. package/dist/types/src/icons/DXNS.d.ts +0 -3
  20. package/dist/types/src/icons/DXNS.d.ts.map +0 -1
  21. package/dist/types/src/icons/DXOS.d.ts +0 -3
  22. package/dist/types/src/icons/DXOS.d.ts.map +0 -1
  23. package/dist/types/src/icons/ECHO.d.ts +0 -3
  24. package/dist/types/src/icons/ECHO.d.ts.map +0 -1
  25. package/dist/types/src/icons/HALO.d.ts +0 -3
  26. package/dist/types/src/icons/HALO.d.ts.map +0 -1
  27. package/dist/types/src/icons/KUBE.d.ts +0 -3
  28. package/dist/types/src/icons/KUBE.d.ts.map +0 -1
  29. package/dist/types/src/icons/MESH.d.ts +0 -3
  30. package/dist/types/src/icons/MESH.d.ts.map +0 -1
  31. package/dist/types/src/icons/index.d.ts +0 -8
  32. package/dist/types/src/icons/index.d.ts.map +0 -1
  33. package/dist/types/src/index.d.ts +0 -4
  34. package/dist/types/src/index.d.ts.map +0 -1
  35. package/dist/types/src/logotypes/DXOSHorizontalType.d.ts +0 -5
  36. package/dist/types/src/logotypes/DXOSHorizontalType.d.ts.map +0 -1
  37. package/dist/types/src/logotypes/DXOSType.d.ts +0 -5
  38. package/dist/types/src/logotypes/DXOSType.d.ts.map +0 -1
  39. package/dist/types/src/logotypes/DXOSVerticalType.d.ts +0 -5
  40. package/dist/types/src/logotypes/DXOSVerticalType.d.ts.map +0 -1
  41. package/dist/types/src/logotypes/index.d.ts +0 -4
  42. package/dist/types/src/logotypes/index.d.ts.map +0 -1
  43. package/src/Icons.stories.tsx +0 -38
  44. package/src/Logotypes.stories.tsx +0 -57
  45. package/src/components/ComposerLogo/ComposerLogo.stories.tsx +0 -190
  46. package/src/components/ComposerLogo/ComposerLogo.tsx +0 -254
  47. package/src/components/ComposerLogo/index.ts +0 -5
  48. package/src/components/index.ts +0 -5
  49. package/src/icons/Composer.tsx +0 -19
  50. package/src/icons/DXNS.tsx +0 -44
  51. package/src/icons/DXOS.tsx +0 -21
  52. package/src/icons/ECHO.tsx +0 -21
  53. package/src/icons/HALO.tsx +0 -25
  54. package/src/icons/KUBE.tsx +0 -53
  55. package/src/icons/MESH.tsx +0 -22
  56. package/src/icons/index.ts +0 -11
  57. package/src/index.ts +0 -7
  58. package/src/logotypes/DXOSHorizontalType.tsx +0 -41
  59. package/src/logotypes/DXOSType.tsx +0 -38
  60. package/src/logotypes/DXOSVerticalType.tsx +0 -41
  61. package/src/logotypes/index.ts +0 -7
@@ -1,8 +1,3 @@
1
- // packages/ui/brand/src/components/ComposerLogo/ComposerLogo.tsx
2
- import * as d3 from "d3";
3
- import React8, { forwardRef as forwardRef8, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
4
- import { mx } from "@dxos/react-ui-theme";
5
-
6
1
  // packages/ui/brand/src/icons/Composer.tsx
7
2
  import { IconBase } from "@phosphor-icons/react";
8
3
  import React, { forwardRef } from "react";
@@ -14,12 +9,13 @@ var weights = /* @__PURE__ */ new Map([
14
9
  }))
15
10
  ]
16
11
  ]);
17
- var Composer = /* @__PURE__ */ forwardRef((props, ref) => /* @__PURE__ */ React.createElement(IconBase, {
12
+ var ComposerIcon = /* @__PURE__ */ forwardRef((props, ref) => /* @__PURE__ */ React.createElement(IconBase, {
18
13
  ref,
19
14
  ...props,
20
15
  weights
21
16
  }));
22
- Composer.displayName = "Composer";
17
+ ComposerIcon.displayName = "Composer";
18
+ var Composer_default = ComposerIcon;
23
19
 
24
20
  // packages/ui/brand/src/icons/DXNS.tsx
25
21
  import { IconBase as IconBase2 } from "@phosphor-icons/react";
@@ -62,12 +58,13 @@ var weights2 = /* @__PURE__ */ new Map([
62
58
  })))
63
59
  ]
64
60
  ]);
65
- var DXNS = /* @__PURE__ */ forwardRef2((props, ref) => /* @__PURE__ */ React2.createElement(IconBase2, {
61
+ var DXNSIcon = /* @__PURE__ */ forwardRef2((props, ref) => /* @__PURE__ */ React2.createElement(IconBase2, {
66
62
  ref,
67
63
  ...props,
68
64
  weights: weights2
69
65
  }));
70
- DXNS.displayName = "DXNS";
66
+ DXNSIcon.displayName = "DXOS";
67
+ var DXNS_default = DXNSIcon;
71
68
 
72
69
  // packages/ui/brand/src/icons/DXOS.tsx
73
70
  import { IconBase as IconBase3 } from "@phosphor-icons/react";
@@ -87,12 +84,13 @@ var weights3 = /* @__PURE__ */ new Map([
87
84
  }))
88
85
  ]
89
86
  ]);
90
- var DXOS = /* @__PURE__ */ forwardRef3((props, ref) => /* @__PURE__ */ React3.createElement(IconBase3, {
87
+ var DXOSIcon = /* @__PURE__ */ forwardRef3((props, ref) => /* @__PURE__ */ React3.createElement(IconBase3, {
91
88
  ref,
92
89
  ...props,
93
90
  weights: weights3
94
91
  }));
95
- DXOS.displayName = "DXOS";
92
+ DXOSIcon.displayName = "DXOS";
93
+ var DXOS_default = DXOSIcon;
96
94
 
97
95
  // packages/ui/brand/src/icons/ECHO.tsx
98
96
  import { IconBase as IconBase4 } from "@phosphor-icons/react";
@@ -109,12 +107,13 @@ var weights4 = /* @__PURE__ */ new Map([
109
107
  }))
110
108
  ]
111
109
  ]);
112
- var ECHO = /* @__PURE__ */ forwardRef4((props, ref) => /* @__PURE__ */ React4.createElement(IconBase4, {
110
+ var ECHOIcon = /* @__PURE__ */ forwardRef4((props, ref) => /* @__PURE__ */ React4.createElement(IconBase4, {
113
111
  ref,
114
112
  ...props,
115
113
  weights: weights4
116
114
  }));
117
- ECHO.displayName = "ECHO";
115
+ ECHOIcon.displayName = "DXOS";
116
+ var ECHO_default = ECHOIcon;
118
117
 
119
118
  // packages/ui/brand/src/icons/HALO.tsx
120
119
  import { IconBase as IconBase5 } from "@phosphor-icons/react";
@@ -139,12 +138,13 @@ var weights5 = /* @__PURE__ */ new Map([
139
138
  }))
140
139
  ]
141
140
  ]);
142
- var HALO = /* @__PURE__ */ forwardRef5((props, ref) => /* @__PURE__ */ React5.createElement(IconBase5, {
141
+ var HALOIcon = /* @__PURE__ */ forwardRef5((props, ref) => /* @__PURE__ */ React5.createElement(IconBase5, {
143
142
  ref,
144
143
  ...props,
145
144
  weights: weights5
146
145
  }));
147
- HALO.displayName = "HALO";
146
+ HALOIcon.displayName = "DXOS";
147
+ var HALO_default = HALOIcon;
148
148
 
149
149
  // packages/ui/brand/src/icons/KUBE.tsx
150
150
  import { IconBase as IconBase6 } from "@phosphor-icons/react";
@@ -202,12 +202,13 @@ var weights6 = /* @__PURE__ */ new Map([
202
202
  })))
203
203
  ]
204
204
  ]);
205
- var KUBE = /* @__PURE__ */ forwardRef6((props, ref) => /* @__PURE__ */ React6.createElement(IconBase6, {
205
+ var KUBEIcon = /* @__PURE__ */ forwardRef6((props, ref) => /* @__PURE__ */ React6.createElement(IconBase6, {
206
206
  ref,
207
207
  ...props,
208
208
  weights: weights6
209
209
  }));
210
- KUBE.displayName = "KUBE";
210
+ KUBEIcon.displayName = "DXOS";
211
+ var KUBE_default = KUBEIcon;
211
212
 
212
213
  // packages/ui/brand/src/icons/MESH.tsx
213
214
  import { IconBase as IconBase7 } from "@phosphor-icons/react";
@@ -226,165 +227,19 @@ var weights7 = /* @__PURE__ */ new Map([
226
227
  }))
227
228
  ]
228
229
  ]);
229
- var MESH = /* @__PURE__ */ forwardRef7((props, ref) => /* @__PURE__ */ React7.createElement(IconBase7, {
230
+ var MESHIcon = /* @__PURE__ */ forwardRef7((props, ref) => /* @__PURE__ */ React7.createElement(IconBase7, {
230
231
  ref,
231
232
  ...props,
232
233
  weights: weights7
233
234
  }));
234
- MESH.displayName = "MESH";
235
-
236
- // packages/ui/brand/src/components/ComposerLogo/ComposerLogo.tsx
237
- var defaultClassNames = [
238
- "[&>path]:fill-teal-400",
239
- "[&>path]:fill-teal-500",
240
- "[&>path]:fill-teal-600"
241
- ];
242
- var getLayers = (size, [a, b, c]) => {
243
- return [
244
- {
245
- inset: 0,
246
- spin: "animate-[spin_2s_linear_infinite]",
247
- style: {},
248
- className: a
249
- },
250
- {
251
- inset: size / 6,
252
- spin: "animate-[spin_2s_linear_infinite]",
253
- style: {
254
- animationDirection: "reverse"
255
- },
256
- className: b
257
- },
258
- {
259
- inset: size / 3.6,
260
- spin: "animate-[spin_1s_linear_infinite]",
261
- style: {},
262
- className: c
263
- }
264
- ];
265
- };
266
- var ComposerLogo = /* @__PURE__ */ forwardRef8(({ animate: _animate = false, size = 32, classNames = defaultClassNames, ...props }, ref) => {
267
- const layers = useMemo(() => getLayers(size, classNames), [
268
- size,
269
- classNames
270
- ]);
271
- const [animate, setAnimate] = useState(_animate);
272
- useImperativeHandle(ref, () => ({
273
- spin: () => {
274
- setAnimate(true);
275
- setTimeout(() => {
276
- setAnimate(false);
277
- }, 2e3);
278
- }
279
- }), []);
280
- return /* @__PURE__ */ React8.createElement("div", {
281
- ...props,
282
- className: "flex relative",
283
- style: {
284
- width: size,
285
- height: size
286
- }
287
- }, layers.map(({ inset, spin, style, className }, i) => /* @__PURE__ */ React8.createElement("div", {
288
- key: i,
289
- className: "absolute",
290
- style: {
291
- inset: `${inset}px`
292
- }
293
- }, /* @__PURE__ */ React8.createElement(Composer, {
294
- className: mx("w-full h-full", animate && spin, className),
295
- style
296
- }))));
297
- });
298
- var createSlices = ({ color, radius, gap = 0, t = 1 }) => {
299
- const n = radius < 50 ? 3 : radius < 100 ? 4 : 5;
300
- const parts = [
301
- {
302
- duration: 1600
303
- },
304
- {
305
- duration: 1400
306
- },
307
- {
308
- duration: 1200
309
- },
310
- {
311
- duration: 1e3
312
- },
313
- {
314
- duration: 800
315
- }
316
- ].slice(0, n);
317
- const width = radius / (parts.length + 1);
318
- return parts.map(({ duration }, i) => ({
319
- outerRadius: radius - i * width,
320
- innerRadius: radius - (i + 1) * width + gap,
321
- color: color + (160 - i * 21).toString(16),
322
- duration: duration * t
323
- }));
324
- };
325
- var ComposerSpinner = ({ animate, size = 200, gap = 1, color = "#999999", autoFade, onClick }) => {
326
- const ref = useRef(null);
327
- const triggerRef = useRef(() => {
328
- });
329
- const animateRef = useRef(animate);
330
- useEffect(() => {
331
- animateRef.current = animate;
332
- if (animate) {
333
- triggerRef.current();
334
- }
335
- }, [
336
- animate
337
- ]);
338
- useEffect(() => {
339
- const svg = d3.select(ref.current).attr("width", size).attr("height", size).append("g").attr("transform", `translate(${size / 2}, ${size / 2})`);
340
- const arcs = createSlices({
341
- radius: size / 2,
342
- gap,
343
- color
344
- });
345
- let count = 0;
346
- const fadeOut = () => {
347
- if (--count === 0) {
348
- svg.selectAll("path").transition().delay((_, i) => i * 200).duration(2e3).attr("opacity", 0);
349
- }
350
- };
351
- const trigger = arcs.map((arc2) => {
352
- const { color: color2, duration } = arc2;
353
- const { innerRadius, outerRadius, startAngle = 1 / 4 * Math.PI, endAngle = -5 / 4 * Math.PI } = arc2;
354
- const arcPath = svg.append("path").attr("d", d3.arc().innerRadius(innerRadius).outerRadius(outerRadius).startAngle(startAngle).endAngle(endAngle)).attr("fill", color2);
355
- const rotateArc = () => {
356
- arcPath.attr("opacity", 1).transition().duration(duration).attrTween("transform", () => d3.interpolateString("rotate(0)", "rotate(360)")).on("end", (_, i, nodes) => {
357
- if (animateRef.current) {
358
- rotateArc();
359
- } else if (autoFade) {
360
- fadeOut();
361
- }
362
- });
363
- };
364
- return rotateArc;
365
- });
366
- triggerRef.current = () => {
367
- count = trigger.length;
368
- trigger.forEach((rotate) => rotate());
369
- };
370
- if (animate) {
371
- triggerRef.current();
372
- }
373
- return () => {
374
- d3.select(ref.current).selectChildren().remove();
375
- };
376
- }, []);
377
- return /* @__PURE__ */ React8.createElement("svg", {
378
- ref,
379
- onClick
380
- });
381
- };
235
+ MESHIcon.displayName = "DXOS";
236
+ var MESH_default = MESHIcon;
382
237
 
383
238
  // packages/ui/brand/src/logotypes/DXOSHorizontalType.tsx
384
- import React9 from "react";
239
+ import React8 from "react";
385
240
  var defaultSize = "w-[256px] h-[128px]";
386
241
  var DXOSHorizontalType = ({ className = defaultSize }) => {
387
- return /* @__PURE__ */ React9.createElement("svg", {
242
+ return /* @__PURE__ */ React8.createElement("svg", {
388
243
  viewBox: "0 0 2048 1024",
389
244
  version: "1.1",
390
245
  xmlns: "http://www.w3.org/2000/svg",
@@ -396,34 +251,35 @@ var DXOSHorizontalType = ({ className = defaultSize }) => {
396
251
  strokeLinejoin: "round",
397
252
  strokeMiterlimit: 2
398
253
  }
399
- }, /* @__PURE__ */ React9.createElement("g", {
254
+ }, /* @__PURE__ */ React8.createElement("g", {
400
255
  transform: "matrix(0.64,0,0,0.64,62.0285,170.667)"
401
- }, /* @__PURE__ */ React9.createElement("path", {
256
+ }, /* @__PURE__ */ React8.createElement("path", {
402
257
  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"
403
- })), /* @__PURE__ */ React9.createElement("g", {
258
+ })), /* @__PURE__ */ React8.createElement("g", {
404
259
  transform: "matrix(0.64,0,0,0.64,62.0285,170.667)"
405
- }, /* @__PURE__ */ React9.createElement("path", {
260
+ }, /* @__PURE__ */ React8.createElement("path", {
406
261
  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"
407
- })), /* @__PURE__ */ React9.createElement("g", {
262
+ })), /* @__PURE__ */ React8.createElement("g", {
408
263
  transform: "matrix(0.64,0,0,0.64,62.0285,170.667)"
409
- }, /* @__PURE__ */ React9.createElement("path", {
264
+ }, /* @__PURE__ */ React8.createElement("path", {
410
265
  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"
411
- })), /* @__PURE__ */ React9.createElement("g", {
266
+ })), /* @__PURE__ */ React8.createElement("g", {
412
267
  transform: "matrix(0.64,0,0,0.64,62.0285,170.667)"
413
- }, /* @__PURE__ */ React9.createElement("path", {
268
+ }, /* @__PURE__ */ React8.createElement("path", {
414
269
  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"
415
- })), /* @__PURE__ */ React9.createElement("g", {
270
+ })), /* @__PURE__ */ React8.createElement("g", {
416
271
  transform: "matrix(0.64,0,0,0.64,62.0285,170.667)"
417
- }, /* @__PURE__ */ React9.createElement("path", {
272
+ }, /* @__PURE__ */ React8.createElement("path", {
418
273
  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"
419
274
  })));
420
275
  };
276
+ var DXOSHorizontalType_default = DXOSHorizontalType;
421
277
 
422
278
  // packages/ui/brand/src/logotypes/DXOSType.tsx
423
- import React10 from "react";
279
+ import React9 from "react";
424
280
  var defaultSize2 = "w-[128px] h-[64px]";
425
281
  var DXOSType = ({ className = defaultSize2 }) => {
426
- return /* @__PURE__ */ React10.createElement("svg", {
282
+ return /* @__PURE__ */ React9.createElement("svg", {
427
283
  viewBox: "0 0 1024 512",
428
284
  version: "1.1",
429
285
  xmlns: "http://www.w3.org/2000/svg",
@@ -435,30 +291,31 @@ var DXOSType = ({ className = defaultSize2 }) => {
435
291
  strokeLinejoin: "round",
436
292
  strokeMiterlimit: 2
437
293
  }
438
- }, /* @__PURE__ */ React10.createElement("g", {
294
+ }, /* @__PURE__ */ React9.createElement("g", {
439
295
  transform: "matrix(1,0,0,1,-21.333,-794.383)"
440
- }, /* @__PURE__ */ React10.createElement("path", {
296
+ }, /* @__PURE__ */ React9.createElement("path", {
441
297
  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"
442
- })), /* @__PURE__ */ React10.createElement("g", {
298
+ })), /* @__PURE__ */ React9.createElement("g", {
443
299
  transform: "matrix(1,0,0,1,-21.333,-794.383)"
444
- }, /* @__PURE__ */ React10.createElement("path", {
300
+ }, /* @__PURE__ */ React9.createElement("path", {
445
301
  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"
446
- })), /* @__PURE__ */ React10.createElement("g", {
302
+ })), /* @__PURE__ */ React9.createElement("g", {
447
303
  transform: "matrix(1,0,0,1,-21.333,-794.383)"
448
- }, /* @__PURE__ */ React10.createElement("path", {
304
+ }, /* @__PURE__ */ React9.createElement("path", {
449
305
  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"
450
- })), /* @__PURE__ */ React10.createElement("g", {
306
+ })), /* @__PURE__ */ React9.createElement("g", {
451
307
  transform: "matrix(1,0,0,1,-21.333,-794.383)"
452
- }, /* @__PURE__ */ React10.createElement("path", {
308
+ }, /* @__PURE__ */ React9.createElement("path", {
453
309
  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"
454
310
  })));
455
311
  };
312
+ var DXOSType_default = DXOSType;
456
313
 
457
314
  // packages/ui/brand/src/logotypes/DXOSVerticalType.tsx
458
- import React11 from "react";
315
+ import React10 from "react";
459
316
  var defaultSize3 = "w-[128px] h-[128px]";
460
317
  var DXOSVerticalType = ({ className = defaultSize3 }) => {
461
- return /* @__PURE__ */ React11.createElement("svg", {
318
+ return /* @__PURE__ */ React10.createElement("svg", {
462
319
  viewBox: "0 0 1024 1024",
463
320
  version: "1.1",
464
321
  xmlns: "http://www.w3.org/2000/svg",
@@ -470,40 +327,39 @@ var DXOSVerticalType = ({ className = defaultSize3 }) => {
470
327
  strokeLinejoin: "round",
471
328
  strokeMiterlimit: 2
472
329
  }
473
- }, /* @__PURE__ */ React11.createElement("g", {
330
+ }, /* @__PURE__ */ React10.createElement("g", {
474
331
  transform: "matrix(0.731429,0,0,0.731429,121.904,66.1132)"
475
- }, /* @__PURE__ */ React11.createElement("path", {
332
+ }, /* @__PURE__ */ React10.createElement("path", {
476
333
  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"
477
- })), /* @__PURE__ */ React11.createElement("g", {
334
+ })), /* @__PURE__ */ React10.createElement("g", {
478
335
  transform: "matrix(0.731429,0,0,0.731429,121.904,66.1132)"
479
- }, /* @__PURE__ */ React11.createElement("path", {
336
+ }, /* @__PURE__ */ React10.createElement("path", {
480
337
  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"
481
- })), /* @__PURE__ */ React11.createElement("g", {
338
+ })), /* @__PURE__ */ React10.createElement("g", {
482
339
  transform: "matrix(0.731429,0,0,0.731429,121.904,66.1132)"
483
- }, /* @__PURE__ */ React11.createElement("path", {
340
+ }, /* @__PURE__ */ React10.createElement("path", {
484
341
  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"
485
- })), /* @__PURE__ */ React11.createElement("g", {
342
+ })), /* @__PURE__ */ React10.createElement("g", {
486
343
  transform: "matrix(0.731429,0,0,0.731429,121.904,66.1132)"
487
- }, /* @__PURE__ */ React11.createElement("path", {
344
+ }, /* @__PURE__ */ React10.createElement("path", {
488
345
  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"
489
- })), /* @__PURE__ */ React11.createElement("g", {
346
+ })), /* @__PURE__ */ React10.createElement("g", {
490
347
  transform: "matrix(0.731429,0,0,0.731429,121.904,66.1132)"
491
- }, /* @__PURE__ */ React11.createElement("path", {
348
+ }, /* @__PURE__ */ React10.createElement("path", {
492
349
  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"
493
350
  })));
494
351
  };
352
+ var DXOSVerticalType_default = DXOSVerticalType;
495
353
  export {
496
- Composer,
497
- ComposerLogo,
498
- ComposerSpinner,
499
- DXNS,
500
- DXOS,
501
- DXOSHorizontalType,
502
- DXOSType,
503
- DXOSVerticalType,
504
- ECHO,
505
- HALO,
506
- KUBE,
507
- MESH
354
+ Composer_default as Composer,
355
+ DXNS_default as DXNS,
356
+ DXOS_default as DXOS,
357
+ DXOSHorizontalType_default as DXOSHorizontalType,
358
+ DXOSType_default as DXOSType,
359
+ DXOSVerticalType_default as DXOSVerticalType,
360
+ ECHO_default as ECHO,
361
+ HALO_default as HALO,
362
+ KUBE_default as KUBE,
363
+ MESH_default as MESH
508
364
  };
509
365
  //# sourceMappingURL=index.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dxos/brand",
3
- "version": "0.6.2-main.6f40bfd",
3
+ "version": "0.6.2-main.8a232a5",
4
4
  "description": "DXOS brand assets.",
5
5
  "homepage": "https://dxos.org",
6
6
  "bugs": "https://github.com/dxos/dxos/issues",
@@ -9,14 +9,8 @@
9
9
  "main": "dist/lib/browser/index.mjs",
10
10
  "types": "dist/types/src/index.d.ts",
11
11
  "files": [
12
- "assets",
13
- "dist",
14
- "src"
12
+ "assets"
15
13
  ],
16
- "dependencies": {
17
- "d3": "^7.9.0",
18
- "@dxos/react-ui-theme": "0.6.2-main.6f40bfd"
19
- },
20
14
  "devDependencies": {
21
15
  "@fontsource/k2d": "^5.0.18",
22
16
  "@phosphor-icons/react": "^2.1.5",
@@ -25,11 +19,11 @@
25
19
  "@storybook/components": "^7.0.6",
26
20
  "@storybook/core-events": "^7.0.6",
27
21
  "@storybook/theming": "^7.0.6",
28
- "@types/d3": "^7.4.3",
29
22
  "react": "^18.2.0",
30
23
  "react-dom": "^18.2.0",
31
- "@dxos/react-ui": "0.6.2-main.6f40bfd",
32
- "@dxos/storybook-utils": "0.6.2-main.6f40bfd"
24
+ "@dxos/react-ui": "0.6.2-main.8a232a5",
25
+ "@dxos/storybook-utils": "0.6.2-main.8a232a5",
26
+ "@dxos/react-ui-theme": "0.6.2-main.8a232a5"
33
27
  },
34
28
  "peerDependencies": {
35
29
  "@phosphor-icons/react": "^2.1.5",
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/ComposerLogo/ComposerLogo.tsx", "../../../src/icons/Composer.tsx", "../../../src/icons/DXNS.tsx", "../../../src/icons/DXOS.tsx", "../../../src/icons/ECHO.tsx", "../../../src/icons/HALO.tsx", "../../../src/icons/KUBE.tsx", "../../../src/icons/MESH.tsx", "../../../src/logotypes/DXOSHorizontalType.tsx", "../../../src/logotypes/DXOSType.tsx", "../../../src/logotypes/DXOSVerticalType.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2022 DXOS.org\n//\n\nimport * as d3 from 'd3';\nimport React, {\n type CSSProperties,\n type FC,\n forwardRef,\n type HTMLAttributes,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { Composer } from '../../icons';\n\nexport interface AnimationController {\n spin: () => void;\n}\n\nconst defaultClassNames = ['[&>path]:fill-teal-400', '[&>path]:fill-teal-500', '[&>path]:fill-teal-600'];\n\ntype Props = {\n inset: number;\n spin: string;\n className: string;\n style: CSSProperties;\n};\n\nconst getLayers = (size: number, [a, b, c]: string[]): Props[] => {\n return [\n {\n inset: 0,\n spin: 'animate-[spin_2s_linear_infinite]',\n style: {},\n className: a,\n },\n {\n inset: size / 6,\n spin: 'animate-[spin_2s_linear_infinite]',\n style: {\n animationDirection: 'reverse',\n },\n className: b,\n },\n {\n inset: size / 3.6,\n spin: 'animate-[spin_1s_linear_infinite]',\n style: {},\n className: c,\n },\n ];\n};\n\nexport type ComposerLogoProps = { animate?: boolean; size?: number; classNames?: string[] } & Omit<\n HTMLAttributes<HTMLDivElement>,\n 'className'\n>;\n\nexport const ComposerLogo = forwardRef<AnimationController, ComposerLogoProps>(\n ({ animate: _animate = false, size = 32, classNames = defaultClassNames, ...props }: ComposerLogoProps, ref) => {\n const layers = useMemo(() => getLayers(size, classNames), [size, classNames]);\n const [animate, setAnimate] = useState(_animate);\n useImperativeHandle(\n ref,\n () => ({\n spin: () => {\n setAnimate(true);\n setTimeout(() => {\n setAnimate(false);\n }, 2_000);\n },\n }),\n [],\n );\n\n return (\n <div\n {...props}\n className='flex relative'\n style={{\n width: size,\n height: size,\n }}\n >\n {layers.map(({ inset, spin, style, className }, i) => (\n <div key={i} className='absolute' style={{ inset: `${inset}px` }}>\n <Composer className={mx('w-full h-full', animate && spin, className)} style={style} />\n </div>\n ))}\n </div>\n );\n },\n);\n\ntype Slice = {\n startAngle?: number;\n endAngle?: number;\n innerRadius: number;\n outerRadius: number;\n color: string;\n duration: number;\n};\n\nconst createSlices = ({\n color,\n radius,\n gap = 0,\n t = 1,\n}: {\n color: string;\n radius: number;\n gap?: number;\n t?: number;\n}): Slice[] => {\n const n = radius < 50 ? 3 : radius < 100 ? 4 : 5;\n const parts: Pick<Slice, 'duration'>[] = [\n {\n duration: 1600,\n },\n {\n duration: 1400,\n },\n {\n duration: 1200,\n },\n {\n duration: 1000,\n },\n {\n duration: 800,\n },\n ].slice(0, n);\n\n const width = radius / (parts.length + 1);\n\n return parts.map(({ duration }, i) => ({\n outerRadius: radius - i * width,\n innerRadius: radius - (i + 1) * width + gap,\n color: color + (0xa0 - i * 0x15).toString(16),\n duration: duration * t,\n }));\n};\n\n/**\n * Spinning Composer \"C\" logo.\n */\n// TODO(burdon): Configure stripes.\nexport const ComposerSpinner: FC<{\n animate?: boolean;\n size?: number;\n gap?: number;\n color?: string;\n autoFade?: boolean;\n onClick?: () => void;\n}> = ({ animate, size = 200, gap = 1, color = '#999999', autoFade, onClick }) => {\n const ref = useRef<SVGSVGElement>(null);\n const triggerRef = useRef(() => {});\n const animateRef = useRef(animate);\n useEffect(() => {\n animateRef.current = animate;\n if (animate) {\n triggerRef.current();\n }\n }, [animate]);\n\n useEffect(() => {\n const svg = d3\n .select(ref.current)\n .attr('width', size)\n .attr('height', size)\n .append('g')\n .attr('transform', `translate(${size / 2}, ${size / 2})`);\n\n // TODO(burdon): Pass in.\n const arcs = createSlices({ radius: size / 2, gap, color });\n\n let count = 0;\n const fadeOut = () => {\n if (--count === 0) {\n svg\n .selectAll('path')\n .transition()\n .delay((_: any, i: any) => i * 200)\n .duration(2_000)\n .attr('opacity', 0);\n }\n };\n\n // const createArc = ({\n // innerRadius,\n // outerRadius,\n // startAngle = (1 / 4) * Math.PI,\n // endAngle = -(5 / 4) * Math.PI,\n // }: Slice): ValueFn<SVGPathElement, d3.DefaultArcObject, string | null> =>\n // d3.arc().innerRadius(innerRadius).outerRadius(outerRadius).startAngle(startAngle).endAngle(endAngle);\n\n const trigger = arcs.map((arc) => {\n const { color, duration } = arc;\n const { innerRadius, outerRadius, startAngle = (1 / 4) * Math.PI, endAngle = -(5 / 4) * Math.PI } = arc;\n\n const arcPath = svg\n .append('path')\n .attr(\n 'd',\n d3.arc().innerRadius(innerRadius).outerRadius(outerRadius).startAngle(startAngle).endAngle(endAngle) as any,\n )\n .attr('fill', color);\n const rotateArc = () => {\n arcPath\n .attr('opacity', 1)\n .transition()\n .duration(duration)\n .attrTween('transform', (() => d3.interpolateString('rotate(0)', 'rotate(360)')) as any)\n .on('end', ((_: any, i: number, nodes: Node[]) => {\n if (animateRef.current) {\n rotateArc();\n } else if (autoFade) {\n fadeOut();\n // d3.select(nodes[i])\n // .transition()\n // .duration(1000)\n // .attrTween('d', () => {\n // const interpolate = d3.interpolate(0, Math.PI);\n // return (t: number) => createArc(arc);\n // });\n }\n }) as any);\n };\n\n return rotateArc;\n });\n\n triggerRef.current = () => {\n count = trigger.length;\n trigger.forEach((rotate) => rotate());\n };\n\n if (animate) {\n triggerRef.current();\n }\n\n return () => {\n d3.select(ref.current).selectChildren().remove();\n };\n }, []);\n\n return <svg ref={ref} onClick={onClick} />;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Icon, IconBase, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n <>\n <path 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' />\n </>,\n ],\n]);\n\nexport const Composer: Icon = forwardRef((props, ref) => <IconBase ref={ref} {...props} weights={weights} />);\n\nComposer.displayName = 'Composer';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Icon, IconBase, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n // eslint-disable-next-line react/jsx-key\n <g\n style={{\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n }}\n >\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path 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' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M240.121,269.814L1010.49,103.142L1004.32,74.635L233.953,241.306L240.121,269.814Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path 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' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path 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' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M233.953,825.36L1004.32,992.031L1010.49,963.524L240.121,796.853L233.953,825.36Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path 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' />\n </g>\n </g>,\n ],\n]);\n\nexport const DXNS: Icon = forwardRef((props, ref) => <IconBase ref={ref} {...props} weights={weights} />);\n\nDXNS.displayName = 'DXNS';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Icon, IconBase, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n <>\n <path 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' />\n <path 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' />\n <rect x='124.467' y='85.307' width='6.998' height='85.307' />\n </>,\n ],\n]);\n\nexport const DXOS: Icon = forwardRef((props, ref) => <IconBase ref={ref} {...props} weights={weights} />);\n\nDXOS.displayName = 'DXOS';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Icon, IconBase, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n <>\n <path d='M20.206,95.214l213.266,72.121l2.242,-6.628l-213.266,-72.123l-2.242,6.63Z' />\n <path d='M233.472,88.584l-213.266,72.123l2.242,6.628l213.266,-72.121l-2.242,-6.63Z' />\n <path 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' />\n </>,\n ],\n]);\n\nexport const ECHO: Icon = forwardRef((props, ref) => <IconBase ref={ref} {...props} weights={weights} />);\n\nECHO.displayName = 'ECHO';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Icon, IconBase, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n <>\n <path 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' />\n <path d='M227.483,241.703l-68.559,-127.96l68.559,127.96Z' />\n <path d='M230.567,240.05l-6.168,3.305l-68.559,-127.96l6.168,-3.305l68.559,127.96Z' />\n <path d='M230.569,240.05l-68.563,-127.96l-6.169,3.305l68.563,127.96l6.169,-3.305Z' />\n <path d='M158.921,113.742l-32.621,56.871' />\n <path d='M155.886,112.001l-32.621,56.871l6.07,3.482l32.621,-56.871l-6.07,-3.482Z' />\n <path 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' />\n </>,\n ],\n]);\n\nexport const HALO: Icon = forwardRef((props, ref) => <IconBase ref={ref} {...props} weights={weights} />);\n\nHALO.displayName = 'HALO';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Icon, IconBase, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n // eslint-disable-next-line react/jsx-key\n <g\n style={{\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n }}\n >\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M547.364,1007.44L548.457,460.268L519.29,460.21L518.197,1007.38L547.364,1007.44Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M54.139,250.695L528.213,428.47L538.454,401.16L64.38,223.385L54.139,250.695Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <rect x='519.303' y='59.261' width='29.167' height='550.2' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M528.213,665.508L1002.29,843.284L1012.53,815.975L538.454,638.199L528.213,665.508Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M1002.29,223.382L528.216,401.16L538.457,428.47L1012.53,250.692L1002.29,223.382Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M528.213,638.199L54.139,815.976L64.38,843.285L538.454,665.508L528.213,638.199Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path 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' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M520.356,51.633L46.835,822L71.683,837.274L545.204,66.906L520.356,51.633Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M995.005,229.366L520.378,996.709L545.183,1012.05L1019.81,244.708L995.005,229.366Z' />\n </g>\n </g>,\n ],\n]);\n\nexport const KUBE: Icon = forwardRef((props, ref) => <IconBase ref={ref} {...props} weights={weights} />);\n\nKUBE.displayName = 'KUBE';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Icon, IconBase, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n <>\n <path d='M65.743,14.645l58.606,227.928l6.777,-1.742l-58.606,-227.929l-6.777,1.743Z' />\n <path 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' />\n <path 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' />\n <path d='M182.956,12.902l-58.607,227.929l6.777,1.742l58.607,-227.928l-6.777,-1.743Z' />\n </>,\n ],\n]);\n\nexport const MESH: Icon = forwardRef((props, ref) => <IconBase ref={ref} {...props} weights={weights} />);\n\nMESH.displayName = 'MESH';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nconst defaultSize = 'w-[256px] h-[128px]';\n\nexport const DXOSHorizontalType: FC<{ className?: string }> = ({ className = defaultSize }) => {\n return (\n <svg\n viewBox='0 0 2048 1024'\n version='1.1'\n xmlns='http://www.w3.org/2000/svg'\n xmlSpace='preserve'\n className={className}\n style={{\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n }}\n >\n <g transform='matrix(0.64,0,0,0.64,62.0285,170.667)'>\n <path 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' />\n </g>\n <g transform='matrix(0.64,0,0,0.64,62.0285,170.667)'>\n <path 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' />\n </g>\n <g transform='matrix(0.64,0,0,0.64,62.0285,170.667)'>\n <path 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' />\n </g>\n <g transform='matrix(0.64,0,0,0.64,62.0285,170.667)'>\n <path 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' />\n </g>\n <g transform='matrix(0.64,0,0,0.64,62.0285,170.667)'>\n <path 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' />\n </g>\n </svg>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nconst defaultSize = 'w-[128px] h-[64px]';\n\nexport const DXOSType: FC<{ className?: string }> = ({ className = defaultSize }) => {\n return (\n <svg\n viewBox='0 0 1024 512'\n version='1.1'\n xmlns='http://www.w3.org/2000/svg'\n xmlSpace='preserve'\n className={className}\n style={{\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n }}\n >\n <g transform='matrix(1,0,0,1,-21.333,-794.383)'>\n <path 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' />\n </g>\n <g transform='matrix(1,0,0,1,-21.333,-794.383)'>\n <path 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' />\n </g>\n <g transform='matrix(1,0,0,1,-21.333,-794.383)'>\n <path 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' />\n </g>\n <g transform='matrix(1,0,0,1,-21.333,-794.383)'>\n <path 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' />\n </g>\n </svg>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nconst defaultSize = 'w-[128px] h-[128px]';\n\nexport const DXOSVerticalType: FC<{ className?: string }> = ({ className = defaultSize }) => {\n return (\n <svg\n viewBox='0 0 1024 1024'\n version='1.1'\n xmlns='http://www.w3.org/2000/svg'\n xmlSpace='preserve'\n className={className}\n style={{\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n }}\n >\n <g transform='matrix(0.731429,0,0,0.731429,121.904,66.1132)'>\n <path 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' />\n </g>\n <g transform='matrix(0.731429,0,0,0.731429,121.904,66.1132)'>\n <path 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' />\n </g>\n <g transform='matrix(0.731429,0,0,0.731429,121.904,66.1132)'>\n <path 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' />\n </g>\n <g transform='matrix(0.731429,0,0,0.731429,121.904,66.1132)'>\n <path 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' />\n </g>\n <g transform='matrix(0.731429,0,0,0.731429,121.904,66.1132)'>\n <path 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' />\n </g>\n </svg>\n );\n};\n"],
5
- "mappings": "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",
6
- "names": ["d3", "React", "forwardRef", "useEffect", "useImperativeHandle", "useMemo", "useRef", "useState", "mx", "IconBase", "React", "forwardRef", "weights", "Map", "path", "d", "Composer", "forwardRef", "props", "ref", "IconBase", "displayName", "IconBase", "React", "forwardRef", "weights", "Map", "React", "g", "style", "fillRule", "clipRule", "strokeLinejoin", "strokeMiterlimit", "transform", "path", "d", "DXNS", "forwardRef", "props", "ref", "IconBase", "displayName", "IconBase", "React", "forwardRef", "weights", "Map", "React", "path", "d", "rect", "x", "y", "width", "height", "DXOS", "forwardRef", "props", "ref", "IconBase", "displayName", "IconBase", "React", "forwardRef", "weights", "Map", "React", "path", "d", "ECHO", "forwardRef", "props", "ref", "IconBase", "displayName", "IconBase", "React", "forwardRef", "weights", "Map", "React", "path", "d", "HALO", "forwardRef", "props", "ref", "IconBase", "displayName", "IconBase", "React", "forwardRef", "weights", "Map", "React", "g", "style", "fillRule", "clipRule", "strokeLinejoin", "strokeMiterlimit", "transform", "path", "d", "rect", "x", "y", "width", "height", "KUBE", "forwardRef", "props", "ref", "IconBase", "displayName", "IconBase", "React", "forwardRef", "weights", "Map", "React", "path", "d", "MESH", "forwardRef", "props", "ref", "IconBase", "displayName", "defaultClassNames", "getLayers", "size", "a", "b", "c", "inset", "spin", "style", "className", "animationDirection", "ComposerLogo", "forwardRef", "animate", "_animate", "classNames", "props", "ref", "layers", "useMemo", "setAnimate", "useState", "useImperativeHandle", "setTimeout", "React", "div", "width", "height", "map", "i", "key", "Composer", "mx", "createSlices", "color", "radius", "gap", "t", "n", "parts", "duration", "slice", "length", "outerRadius", "innerRadius", "toString", "ComposerSpinner", "autoFade", "onClick", "useRef", "triggerRef", "animateRef", "useEffect", "current", "svg", "select", "attr", "append", "arcs", "count", "fadeOut", "selectAll", "transition", "delay", "_", "trigger", "arc", "startAngle", "Math", "PI", "endAngle", "arcPath", "rotateArc", "attrTween", "interpolateString", "on", "nodes", "forEach", "rotate", "d3", "selectChildren", "remove", "React", "defaultSize", "DXOSHorizontalType", "className", "React", "svg", "viewBox", "version", "xmlns", "xmlSpace", "style", "fillRule", "clipRule", "strokeLinejoin", "strokeMiterlimit", "g", "transform", "path", "d", "React", "defaultSize", "DXOSType", "className", "React", "svg", "viewBox", "version", "xmlns", "xmlSpace", "style", "fillRule", "clipRule", "strokeLinejoin", "strokeMiterlimit", "g", "transform", "path", "d", "React", "defaultSize", "DXOSVerticalType", "className", "React", "svg", "viewBox", "version", "xmlns", "xmlSpace", "style", "fillRule", "clipRule", "strokeLinejoin", "strokeMiterlimit", "g", "transform", "path", "d"]
7
- }