@xenosystem/blocks 0.12.9 → 0.13.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-BP4EYOCQ.js +109 -0
- package/dist/chunk-GQWAIPDF.js +125 -0
- package/dist/chunk-J5XEAON6.js +279 -0
- package/dist/data/index.js +169 -295
- package/dist/edit/index.d.ts +4 -4
- package/dist/edit/index.js +405 -708
- package/dist/icons/index.d.ts +41 -0
- package/dist/icons/index.js +116 -0
- package/dist/ops/index.js +140 -199
- package/dist/time/index.d.ts +2 -1
- package/dist/time/index.js +109 -205
- package/package.json +5 -1
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
// src/time/transport/react/icons.tsx
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
var base = (size) => ({
|
|
4
|
+
width: size,
|
|
5
|
+
height: size,
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
fill: "none",
|
|
8
|
+
stroke: "currentColor",
|
|
9
|
+
strokeWidth: 1.5,
|
|
10
|
+
strokeLinecap: "round",
|
|
11
|
+
strokeLinejoin: "round",
|
|
12
|
+
"aria-hidden": true
|
|
13
|
+
});
|
|
14
|
+
function PlayIcon({ size = 12 }) {
|
|
15
|
+
return /* @__PURE__ */ jsx("svg", { ...base(size), fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M7 4.5v15l13-7.5z" }) });
|
|
16
|
+
}
|
|
17
|
+
function PauseIcon({ size = 12 }) {
|
|
18
|
+
return /* @__PURE__ */ jsxs("svg", { ...base(size), fill: "currentColor", stroke: "none", children: [
|
|
19
|
+
/* @__PURE__ */ jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1" }),
|
|
20
|
+
/* @__PURE__ */ jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1" })
|
|
21
|
+
] });
|
|
22
|
+
}
|
|
23
|
+
function StopIcon({ size = 11 }) {
|
|
24
|
+
return /* @__PURE__ */ jsx("svg", { ...base(size), fill: "currentColor", stroke: "none", children: /* @__PURE__ */ jsx("rect", { x: "5", y: "5", width: "14", height: "14", rx: "2" }) });
|
|
25
|
+
}
|
|
26
|
+
function RecordIcon({ size = 11 }) {
|
|
27
|
+
return /* @__PURE__ */ jsx("svg", { ...base(size), fill: "currentColor", stroke: "none", children: /* @__PURE__ */ jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "3" }) });
|
|
28
|
+
}
|
|
29
|
+
function StartIcon({ size = 11 }) {
|
|
30
|
+
return /* @__PURE__ */ jsxs("svg", { ...base(size), children: [
|
|
31
|
+
/* @__PURE__ */ jsx("path", { d: "M19 20 9 12l10-8z" }),
|
|
32
|
+
/* @__PURE__ */ jsx("path", { d: "M5 19V5" })
|
|
33
|
+
] });
|
|
34
|
+
}
|
|
35
|
+
function EndIcon({ size = 11 }) {
|
|
36
|
+
return /* @__PURE__ */ jsxs("svg", { ...base(size), children: [
|
|
37
|
+
/* @__PURE__ */ jsx("path", { d: "m5 4 10 8-10 8z" }),
|
|
38
|
+
/* @__PURE__ */ jsx("path", { d: "M19 5v14" })
|
|
39
|
+
] });
|
|
40
|
+
}
|
|
41
|
+
function StepBackIcon({ size = 11 }) {
|
|
42
|
+
return /* @__PURE__ */ jsx("svg", { ...base(size), children: /* @__PURE__ */ jsx("path", { d: "M15 18 9 12l6-6" }) });
|
|
43
|
+
}
|
|
44
|
+
function StepForwardIcon({ size = 11 }) {
|
|
45
|
+
return /* @__PURE__ */ jsx("svg", { ...base(size), children: /* @__PURE__ */ jsx("path", { d: "m9 6 6 6-6 6" }) });
|
|
46
|
+
}
|
|
47
|
+
function ShuttleLeftIcon({ size = 11 }) {
|
|
48
|
+
return /* @__PURE__ */ jsxs("svg", { ...base(size), children: [
|
|
49
|
+
/* @__PURE__ */ jsx("path", { d: "M11 19 2 12l9-7z" }),
|
|
50
|
+
/* @__PURE__ */ jsx("path", { d: "M22 19l-9-7 9-7z" })
|
|
51
|
+
] });
|
|
52
|
+
}
|
|
53
|
+
function ShuttleRightIcon({ size = 11 }) {
|
|
54
|
+
return /* @__PURE__ */ jsxs("svg", { ...base(size), children: [
|
|
55
|
+
/* @__PURE__ */ jsx("path", { d: "m13 19 9-7-9-7z" }),
|
|
56
|
+
/* @__PURE__ */ jsx("path", { d: "m2 19 9-7-9-7z" })
|
|
57
|
+
] });
|
|
58
|
+
}
|
|
59
|
+
function LoopIcon({ size = 11 }) {
|
|
60
|
+
return /* @__PURE__ */ jsxs("svg", { ...base(size), children: [
|
|
61
|
+
/* @__PURE__ */ jsx("path", { d: "m17 2 4 4-4 4" }),
|
|
62
|
+
/* @__PURE__ */ jsx("path", { d: "M3 11v-1a4 4 0 0 1 4-4h14" }),
|
|
63
|
+
/* @__PURE__ */ jsx("path", { d: "m7 22-4-4 4-4" }),
|
|
64
|
+
/* @__PURE__ */ jsx("path", { d: "M21 13v1a4 4 0 0 1-4 4H3" })
|
|
65
|
+
] });
|
|
66
|
+
}
|
|
67
|
+
function MetronomeIcon({ size = 11 }) {
|
|
68
|
+
return /* @__PURE__ */ jsxs("svg", { ...base(size), children: [
|
|
69
|
+
/* @__PURE__ */ jsx("path", { d: "M9 3h6l4 18H5z" }),
|
|
70
|
+
/* @__PURE__ */ jsx("path", { d: "m12 18 4-11" })
|
|
71
|
+
] });
|
|
72
|
+
}
|
|
73
|
+
function PlayPauseIcon({ playing, size }) {
|
|
74
|
+
return playing ? /* @__PURE__ */ jsx(PauseIcon, { size }) : /* @__PURE__ */ jsx(PlayIcon, { size });
|
|
75
|
+
}
|
|
76
|
+
var TRANSPORT_ICONS = {
|
|
77
|
+
"transport/PlayIcon": PlayIcon,
|
|
78
|
+
"transport/PauseIcon": PauseIcon,
|
|
79
|
+
"transport/PlayPauseIcon": PlayPauseIcon,
|
|
80
|
+
"transport/StopIcon": StopIcon,
|
|
81
|
+
"transport/RecordIcon": RecordIcon,
|
|
82
|
+
"transport/StartIcon": StartIcon,
|
|
83
|
+
"transport/EndIcon": EndIcon,
|
|
84
|
+
"transport/StepBackIcon": StepBackIcon,
|
|
85
|
+
"transport/StepForwardIcon": StepForwardIcon,
|
|
86
|
+
"transport/ShuttleLeftIcon": ShuttleLeftIcon,
|
|
87
|
+
"transport/ShuttleRightIcon": ShuttleRightIcon,
|
|
88
|
+
"transport/LoopIcon": LoopIcon,
|
|
89
|
+
"transport/MetronomeIcon": MetronomeIcon
|
|
90
|
+
};
|
|
91
|
+
var TRANSPORT_RUNTIME_UNITS = [];
|
|
92
|
+
|
|
93
|
+
export {
|
|
94
|
+
PlayIcon,
|
|
95
|
+
PauseIcon,
|
|
96
|
+
StopIcon,
|
|
97
|
+
RecordIcon,
|
|
98
|
+
StartIcon,
|
|
99
|
+
EndIcon,
|
|
100
|
+
StepBackIcon,
|
|
101
|
+
StepForwardIcon,
|
|
102
|
+
ShuttleLeftIcon,
|
|
103
|
+
ShuttleRightIcon,
|
|
104
|
+
LoopIcon,
|
|
105
|
+
MetronomeIcon,
|
|
106
|
+
PlayPauseIcon,
|
|
107
|
+
TRANSPORT_ICONS,
|
|
108
|
+
TRANSPORT_RUNTIME_UNITS
|
|
109
|
+
};
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
// src/icons/glyphs.tsx
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
function Svg({ children, size = 11 }) {
|
|
4
|
+
return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children });
|
|
5
|
+
}
|
|
6
|
+
function RefreshGlyph({ size } = {}) {
|
|
7
|
+
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
8
|
+
/* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
|
|
9
|
+
/* @__PURE__ */ jsx("path", { d: "M3 3v5h5" }),
|
|
10
|
+
/* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16" }),
|
|
11
|
+
/* @__PURE__ */ jsx("path", { d: "M16 16h5v5" })
|
|
12
|
+
] });
|
|
13
|
+
}
|
|
14
|
+
function XGlyph({ size } = {}) {
|
|
15
|
+
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
16
|
+
/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
|
|
17
|
+
/* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
|
|
18
|
+
] });
|
|
19
|
+
}
|
|
20
|
+
function PlusGlyph({ size } = {}) {
|
|
21
|
+
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
22
|
+
/* @__PURE__ */ jsx("path", { d: "M12 5v14" }),
|
|
23
|
+
/* @__PURE__ */ jsx("path", { d: "M5 12h14" })
|
|
24
|
+
] });
|
|
25
|
+
}
|
|
26
|
+
function ChevronGlyph({ direction = "right", size } = {}) {
|
|
27
|
+
const d = direction === "left" ? "m15 18-6-6 6-6" : direction === "up" ? "m18 15-6-6-6 6" : direction === "down" ? "m6 9 6 6 6-6" : "m9 18 6-6-6-6";
|
|
28
|
+
return /* @__PURE__ */ jsx(Svg, { size, children: /* @__PURE__ */ jsx("path", { d }) });
|
|
29
|
+
}
|
|
30
|
+
function DownloadGlyph({ size } = {}) {
|
|
31
|
+
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
32
|
+
/* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
|
|
33
|
+
/* @__PURE__ */ jsx("path", { d: "M7 10l5 5 5-5" }),
|
|
34
|
+
/* @__PURE__ */ jsx("path", { d: "M12 15V3" })
|
|
35
|
+
] });
|
|
36
|
+
}
|
|
37
|
+
function PlugGlyph({ size } = {}) {
|
|
38
|
+
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
39
|
+
/* @__PURE__ */ jsx("path", { d: "M12 22v-5" }),
|
|
40
|
+
/* @__PURE__ */ jsx("path", { d: "M9 8V2M15 8V2" }),
|
|
41
|
+
/* @__PURE__ */ jsx("path", { d: "M18 8v3a6 6 0 0 1-12 0V8Z" })
|
|
42
|
+
] });
|
|
43
|
+
}
|
|
44
|
+
function SortAscGlyph({ size = 9 } = {}) {
|
|
45
|
+
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
46
|
+
/* @__PURE__ */ jsx("path", { d: "m5 12 7-7 7 7" }),
|
|
47
|
+
/* @__PURE__ */ jsx("path", { d: "M12 19V5" })
|
|
48
|
+
] });
|
|
49
|
+
}
|
|
50
|
+
function SortDescGlyph({ size = 9 } = {}) {
|
|
51
|
+
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
52
|
+
/* @__PURE__ */ jsx("path", { d: "M12 5v14" }),
|
|
53
|
+
/* @__PURE__ */ jsx("path", { d: "m19 12-7 7-7-7" })
|
|
54
|
+
] });
|
|
55
|
+
}
|
|
56
|
+
function ExpandGlyph({ size } = {}) {
|
|
57
|
+
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
58
|
+
/* @__PURE__ */ jsx("path", { d: "M12 22v-6" }),
|
|
59
|
+
/* @__PURE__ */ jsx("path", { d: "M12 8V2" }),
|
|
60
|
+
/* @__PURE__ */ jsx("path", { d: "m9 5 3-3 3 3" }),
|
|
61
|
+
/* @__PURE__ */ jsx("path", { d: "m9 19 3 3 3-3" }),
|
|
62
|
+
/* @__PURE__ */ jsx("path", { d: "M4 12H2" }),
|
|
63
|
+
/* @__PURE__ */ jsx("path", { d: "M10 12H8" }),
|
|
64
|
+
/* @__PURE__ */ jsx("path", { d: "M16 12h-2" }),
|
|
65
|
+
/* @__PURE__ */ jsx("path", { d: "M22 12h-2" })
|
|
66
|
+
] });
|
|
67
|
+
}
|
|
68
|
+
function CollapseGlyph({ size } = {}) {
|
|
69
|
+
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
70
|
+
/* @__PURE__ */ jsx("path", { d: "M12 22v-6" }),
|
|
71
|
+
/* @__PURE__ */ jsx("path", { d: "M12 8V2" }),
|
|
72
|
+
/* @__PURE__ */ jsx("path", { d: "m9 13 3 3 3-3" }),
|
|
73
|
+
/* @__PURE__ */ jsx("path", { d: "m9 11 3-3 3 3" }),
|
|
74
|
+
/* @__PURE__ */ jsx("path", { d: "M4 12H2" }),
|
|
75
|
+
/* @__PURE__ */ jsx("path", { d: "M22 12h-2" })
|
|
76
|
+
] });
|
|
77
|
+
}
|
|
78
|
+
function CopyGlyph({ size } = {}) {
|
|
79
|
+
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
80
|
+
/* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "12", height: "12", rx: "2" }),
|
|
81
|
+
/* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
|
|
82
|
+
] });
|
|
83
|
+
}
|
|
84
|
+
function ClearGlyph({ size } = {}) {
|
|
85
|
+
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
86
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3" }),
|
|
87
|
+
/* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
|
|
88
|
+
] });
|
|
89
|
+
}
|
|
90
|
+
function CancelGlyph({ size } = {}) {
|
|
91
|
+
return /* @__PURE__ */ jsx(Svg, { size, children: /* @__PURE__ */ jsx("rect", { x: "5", y: "5", width: "14", height: "14", rx: "2" }) });
|
|
92
|
+
}
|
|
93
|
+
function RetryGlyph({ size } = {}) {
|
|
94
|
+
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
95
|
+
/* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-3.36-7" }),
|
|
96
|
+
/* @__PURE__ */ jsx("path", { d: "M21 3v6h-6" })
|
|
97
|
+
] });
|
|
98
|
+
}
|
|
99
|
+
function CaseGlyph({ size = 12 } = {}) {
|
|
100
|
+
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
101
|
+
/* @__PURE__ */ jsx("path", { d: "m3 15 4-8 4 8" }),
|
|
102
|
+
/* @__PURE__ */ jsx("path", { d: "M4 13h6" }),
|
|
103
|
+
/* @__PURE__ */ jsx("rect", { x: "15", y: "9", width: "6", height: "6", rx: "1.5" }),
|
|
104
|
+
/* @__PURE__ */ jsx("path", { d: "M21 9v6" })
|
|
105
|
+
] });
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
export {
|
|
109
|
+
Svg,
|
|
110
|
+
RefreshGlyph,
|
|
111
|
+
XGlyph,
|
|
112
|
+
PlusGlyph,
|
|
113
|
+
ChevronGlyph,
|
|
114
|
+
DownloadGlyph,
|
|
115
|
+
PlugGlyph,
|
|
116
|
+
SortAscGlyph,
|
|
117
|
+
SortDescGlyph,
|
|
118
|
+
ExpandGlyph,
|
|
119
|
+
CollapseGlyph,
|
|
120
|
+
CopyGlyph,
|
|
121
|
+
ClearGlyph,
|
|
122
|
+
CancelGlyph,
|
|
123
|
+
RetryGlyph,
|
|
124
|
+
CaseGlyph
|
|
125
|
+
};
|
|
@@ -0,0 +1,279 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Svg
|
|
3
|
+
} from "./chunk-GQWAIPDF.js";
|
|
4
|
+
|
|
5
|
+
// src/edit/layers/react/icons.tsx
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
var base = (size) => ({
|
|
8
|
+
width: size,
|
|
9
|
+
height: size,
|
|
10
|
+
viewBox: "0 0 24 24",
|
|
11
|
+
fill: "none",
|
|
12
|
+
stroke: "currentColor",
|
|
13
|
+
strokeWidth: 1.5,
|
|
14
|
+
strokeLinecap: "round",
|
|
15
|
+
strokeLinejoin: "round",
|
|
16
|
+
"aria-hidden": true
|
|
17
|
+
});
|
|
18
|
+
function EyeIcon({ size = 12, className }) {
|
|
19
|
+
return /* @__PURE__ */ jsxs("svg", { ...base(size), className, children: [
|
|
20
|
+
/* @__PURE__ */ jsx("path", { d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z" }),
|
|
21
|
+
/* @__PURE__ */ jsx("path", { d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })
|
|
22
|
+
] });
|
|
23
|
+
}
|
|
24
|
+
function EyeOffIcon({ size = 12, className }) {
|
|
25
|
+
return /* @__PURE__ */ jsxs("svg", { ...base(size), className, children: [
|
|
26
|
+
/* @__PURE__ */ jsx("path", { d: "M10.7 5.1A11 11 0 0 1 12 5c6.5 0 10 7 10 7a18 18 0 0 1-2.4 3.4M6.6 6.6A18 18 0 0 0 2 12s3.5 7 10 7a10.9 10.9 0 0 0 5.4-1.4" }),
|
|
27
|
+
/* @__PURE__ */ jsx("path", { d: "M14.1 14.1a3 3 0 1 1-4.2-4.2" }),
|
|
28
|
+
/* @__PURE__ */ jsx("path", { d: "m2 2 20 20" })
|
|
29
|
+
] });
|
|
30
|
+
}
|
|
31
|
+
function LockIcon({ size = 12, className }) {
|
|
32
|
+
return /* @__PURE__ */ jsxs("svg", { ...base(size), className, children: [
|
|
33
|
+
/* @__PURE__ */ jsx("rect", { width: "14", height: "10", x: "5", y: "11", rx: "2" }),
|
|
34
|
+
/* @__PURE__ */ jsx("path", { d: "M8 11V7a4 4 0 0 1 8 0v4" })
|
|
35
|
+
] });
|
|
36
|
+
}
|
|
37
|
+
function UnlockIcon({ size = 12, className }) {
|
|
38
|
+
return /* @__PURE__ */ jsxs("svg", { ...base(size), className, children: [
|
|
39
|
+
/* @__PURE__ */ jsx("rect", { width: "14", height: "10", x: "5", y: "11", rx: "2" }),
|
|
40
|
+
/* @__PURE__ */ jsx("path", { d: "M8 11V7a4 4 0 0 1 7.5-2" })
|
|
41
|
+
] });
|
|
42
|
+
}
|
|
43
|
+
function KindGlyph({ size = 10 }) {
|
|
44
|
+
return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2" }) });
|
|
45
|
+
}
|
|
46
|
+
function VisibilityIcon({ open, size }) {
|
|
47
|
+
return open ? /* @__PURE__ */ jsx(EyeIcon, { size }) : /* @__PURE__ */ jsx(EyeOffIcon, { size });
|
|
48
|
+
}
|
|
49
|
+
function LockStateIcon({ locked, size }) {
|
|
50
|
+
return locked ? /* @__PURE__ */ jsx(LockIcon, { size }) : /* @__PURE__ */ jsx(UnlockIcon, { size });
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// src/edit/inspector/react/icons.tsx
|
|
54
|
+
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
55
|
+
var base2 = (size) => ({
|
|
56
|
+
width: size,
|
|
57
|
+
height: size,
|
|
58
|
+
viewBox: "0 0 24 24",
|
|
59
|
+
fill: "none",
|
|
60
|
+
stroke: "currentColor",
|
|
61
|
+
strokeWidth: 1.5,
|
|
62
|
+
strokeLinecap: "round",
|
|
63
|
+
strokeLinejoin: "round",
|
|
64
|
+
"aria-hidden": true
|
|
65
|
+
});
|
|
66
|
+
function StopwatchIcon({ size = 11 }) {
|
|
67
|
+
return /* @__PURE__ */ jsxs2("svg", { ...base2(size), children: [
|
|
68
|
+
/* @__PURE__ */ jsx2("path", { d: "M10 2h4" }),
|
|
69
|
+
/* @__PURE__ */ jsx2("path", { d: "M12 14v-4" }),
|
|
70
|
+
/* @__PURE__ */ jsx2("path", { d: "M20 14a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z" })
|
|
71
|
+
] });
|
|
72
|
+
}
|
|
73
|
+
function DiamondIcon({ size = 9, filled = false }) {
|
|
74
|
+
return /* @__PURE__ */ jsx2("svg", { ...base2(size), fill: filled ? "currentColor" : "none", children: /* @__PURE__ */ jsx2("path", { d: "m12 3 7 9-7 9-7-9z" }) });
|
|
75
|
+
}
|
|
76
|
+
function PrevIcon({ size = 9 }) {
|
|
77
|
+
return /* @__PURE__ */ jsx2("svg", { ...base2(size), children: /* @__PURE__ */ jsx2("path", { d: "m15 18-6-6 6-6" }) });
|
|
78
|
+
}
|
|
79
|
+
function NextIcon({ size = 9 }) {
|
|
80
|
+
return /* @__PURE__ */ jsx2("svg", { ...base2(size), children: /* @__PURE__ */ jsx2("path", { d: "m9 18 6-6-6-6" }) });
|
|
81
|
+
}
|
|
82
|
+
function LinkIcon({ size = 10 }) {
|
|
83
|
+
return /* @__PURE__ */ jsxs2("svg", { ...base2(size), children: [
|
|
84
|
+
/* @__PURE__ */ jsx2("path", { d: "M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.8 1.7" }),
|
|
85
|
+
/* @__PURE__ */ jsx2("path", { d: "M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.8-1.7" })
|
|
86
|
+
] });
|
|
87
|
+
}
|
|
88
|
+
function ResetIcon({ size = 10 }) {
|
|
89
|
+
return /* @__PURE__ */ jsxs2("svg", { ...base2(size), children: [
|
|
90
|
+
/* @__PURE__ */ jsx2("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
|
|
91
|
+
/* @__PURE__ */ jsx2("path", { d: "M3 3v5h5" })
|
|
92
|
+
] });
|
|
93
|
+
}
|
|
94
|
+
function XIcon({ size = 10 }) {
|
|
95
|
+
return /* @__PURE__ */ jsxs2("svg", { ...base2(size), children: [
|
|
96
|
+
/* @__PURE__ */ jsx2("path", { d: "M18 6 6 18" }),
|
|
97
|
+
/* @__PURE__ */ jsx2("path", { d: "m6 6 12 12" })
|
|
98
|
+
] });
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
// src/edit/history/react/icons.tsx
|
|
102
|
+
import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
103
|
+
var svgBase = (size) => ({
|
|
104
|
+
width: size,
|
|
105
|
+
height: size,
|
|
106
|
+
viewBox: "0 0 24 24",
|
|
107
|
+
fill: "none",
|
|
108
|
+
stroke: "currentColor",
|
|
109
|
+
strokeWidth: 1.5,
|
|
110
|
+
strokeLinecap: "round",
|
|
111
|
+
strokeLinejoin: "round",
|
|
112
|
+
"aria-hidden": true
|
|
113
|
+
});
|
|
114
|
+
var ENTRY_PATHS = {
|
|
115
|
+
// painting
|
|
116
|
+
brush: ["M9.06 11.9l8.07-8.06a2.85 2.85 0 1 1 4.03 4.03l-8.06 8.08", "M7.07 14.94c-1.66 0-3 1.35-3 3.02 0 1.33-2.5 1.52-2 2.02 1.08 1.1 2.49 2.02 4 2.02 2.2 0 4-1.8 4-4.04a3.01 3.01 0 0 0-3-3.02z"],
|
|
117
|
+
eraser: ["m7 21-4.3-4.3a1 1 0 0 1 0-1.4l10-10a1 1 0 0 1 1.4 0l5.6 5.6a1 1 0 0 1 0 1.4L13 21", "M22 21H7"],
|
|
118
|
+
fill: ["m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2a2 2 0 0 0 2.8 0L19 11Z", "m5 2 5 5", "M2 13h15"],
|
|
119
|
+
// adjustment / effects
|
|
120
|
+
filter: ["M4 6h16", "M7 12h10", "M10 18h4"],
|
|
121
|
+
// geometry
|
|
122
|
+
transform: ["M5 9 2 12l3 3", "M9 5l3-3 3 3", "M15 19l-3 3-3-3", "M19 9l3 3-3 3", "M2 12h20", "M12 2v20"],
|
|
123
|
+
crop: ["M6 2v14a2 2 0 0 0 2 2h14", "M18 22V8a2 2 0 0 0-2-2H2"],
|
|
124
|
+
// layers
|
|
125
|
+
addLayer: ["M3 3h18v18H3z", "M12 8v8", "M8 12h8"],
|
|
126
|
+
deleteLayer: ["M3 6h18", "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"],
|
|
127
|
+
merge: ["m12 2 4 4-4 4", "M4 6h12", "m12 14 4 4-4 4", "M4 18h12"],
|
|
128
|
+
// clipboard / text / selection
|
|
129
|
+
paste: ["M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2", "M9 2h6v4H9z"],
|
|
130
|
+
text: ["M4 7V4h16v3", "M9 20h6", "M12 4v16"],
|
|
131
|
+
selection: ["M4 8V6a2 2 0 0 1 2-2h2", "M16 4h2a2 2 0 0 1 2 2v2", "M20 16v2a2 2 0 0 1-2 2h-2", "M8 20H6a2 2 0 0 1-2-2v-2"],
|
|
132
|
+
// ai + snapshots
|
|
133
|
+
ai: ["m12 3 1.9 5.8L20 10l-5.2 2.9L13 19l-2.9-5.2L4 12l6.1-1.9z"],
|
|
134
|
+
snapshot: ["M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3Z", "M15 13a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"],
|
|
135
|
+
// timeline / audio
|
|
136
|
+
keyframe: ["m12 3 6 9-6 9-6-9z"],
|
|
137
|
+
clip: ["M3 5h18v14H3z", "M8 5v14", "M16 5v14"],
|
|
138
|
+
volume: ["M11 5 6 9H2v6h4l5 4V5Z", "M16 9a4 4 0 0 1 0 6"],
|
|
139
|
+
document: ["M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", "M14 2v5h6"],
|
|
140
|
+
// fallbacks / chrome
|
|
141
|
+
generic: ["M5 5h14v14H5z"],
|
|
142
|
+
original: ["M3 12a9 9 0 1 0 9-9", "M3 4v5h5"],
|
|
143
|
+
rotateCcw: ["M3 12a9 9 0 1 0 3-6.7L3 8", "M3 3v5h5"]
|
|
144
|
+
};
|
|
145
|
+
function EntryIcon({ name, size = 11 }) {
|
|
146
|
+
const paths = ENTRY_PATHS[name] ?? ENTRY_PATHS.generic;
|
|
147
|
+
return /* @__PURE__ */ jsx3("svg", { ...svgBase(size), children: paths.map((d, i) => /* @__PURE__ */ jsx3("path", { d }, i)) });
|
|
148
|
+
}
|
|
149
|
+
function XIcon2({ size = 10 }) {
|
|
150
|
+
return /* @__PURE__ */ jsxs3("svg", { ...svgBase(size), children: [
|
|
151
|
+
/* @__PURE__ */ jsx3("path", { d: "M18 6 6 18" }),
|
|
152
|
+
/* @__PURE__ */ jsx3("path", { d: "m6 6 12 12" })
|
|
153
|
+
] });
|
|
154
|
+
}
|
|
155
|
+
function TrashIcon({ size = 11 }) {
|
|
156
|
+
return /* @__PURE__ */ jsxs3("svg", { ...svgBase(size), children: [
|
|
157
|
+
/* @__PURE__ */ jsx3("path", { d: "M3 6h18" }),
|
|
158
|
+
/* @__PURE__ */ jsx3("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
|
|
159
|
+
/* @__PURE__ */ jsx3("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
|
|
160
|
+
] });
|
|
161
|
+
}
|
|
162
|
+
function UndoIcon({ size = 11 }) {
|
|
163
|
+
return /* @__PURE__ */ jsxs3("svg", { ...svgBase(size), children: [
|
|
164
|
+
/* @__PURE__ */ jsx3("path", { d: "M9 14 4 9l5-5" }),
|
|
165
|
+
/* @__PURE__ */ jsx3("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 0 11H11" })
|
|
166
|
+
] });
|
|
167
|
+
}
|
|
168
|
+
function RedoIcon({ size = 11 }) {
|
|
169
|
+
return /* @__PURE__ */ jsxs3("svg", { ...svgBase(size), children: [
|
|
170
|
+
/* @__PURE__ */ jsx3("path", { d: "m15 14 5-5-5-5" }),
|
|
171
|
+
/* @__PURE__ */ jsx3("path", { d: "M20 9H9.5a5.5 5.5 0 0 0 0 11H13" })
|
|
172
|
+
] });
|
|
173
|
+
}
|
|
174
|
+
function PendingGlyph({ size = 9 }) {
|
|
175
|
+
return /* @__PURE__ */ jsx3(
|
|
176
|
+
"span",
|
|
177
|
+
{
|
|
178
|
+
className: "xeno-history-spinner",
|
|
179
|
+
"aria-label": "Pending",
|
|
180
|
+
style: {
|
|
181
|
+
width: size,
|
|
182
|
+
height: size,
|
|
183
|
+
borderRadius: 2,
|
|
184
|
+
border: "1px solid currentColor",
|
|
185
|
+
borderRightColor: "transparent",
|
|
186
|
+
opacity: 0.8,
|
|
187
|
+
display: "inline-block",
|
|
188
|
+
flex: "0 0 auto"
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
);
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
// src/edit/color/react/icons.tsx
|
|
195
|
+
import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
196
|
+
var svg = { width: 11, height: 11, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true };
|
|
197
|
+
function EyedropperIcon() {
|
|
198
|
+
return /* @__PURE__ */ jsxs4("svg", { ...svg, children: [
|
|
199
|
+
/* @__PURE__ */ jsx4("path", { d: "m2 22 1-1h3l9-9" }),
|
|
200
|
+
/* @__PURE__ */ jsx4("path", { d: "M3 21v-3l9-9" }),
|
|
201
|
+
/* @__PURE__ */ jsx4("path", { d: "m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" })
|
|
202
|
+
] });
|
|
203
|
+
}
|
|
204
|
+
function SwapIcon() {
|
|
205
|
+
return /* @__PURE__ */ jsxs4("svg", { ...svg, children: [
|
|
206
|
+
/* @__PURE__ */ jsx4("path", { d: "m16 3 4 4-4 4" }),
|
|
207
|
+
/* @__PURE__ */ jsx4("path", { d: "M20 7H4" }),
|
|
208
|
+
/* @__PURE__ */ jsx4("path", { d: "m8 21-4-4 4-4" }),
|
|
209
|
+
/* @__PURE__ */ jsx4("path", { d: "M4 17h16" })
|
|
210
|
+
] });
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
// src/edit/tree/react/icons.tsx
|
|
214
|
+
import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
215
|
+
var PATHS = {
|
|
216
|
+
folder: /* @__PURE__ */ jsx5("path", { d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }),
|
|
217
|
+
file: /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
218
|
+
/* @__PURE__ */ jsx5("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
|
|
219
|
+
/* @__PURE__ */ jsx5("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })
|
|
220
|
+
] }),
|
|
221
|
+
"folder-tree": /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
222
|
+
/* @__PURE__ */ jsx5("path", { d: "M20 10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2A1 1 0 0 0 15 3h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z" }),
|
|
223
|
+
/* @__PURE__ */ jsx5("path", { d: "M20 21a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2a1 1 0 0 0-.8-.4h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z" }),
|
|
224
|
+
/* @__PURE__ */ jsx5("path", { d: "M3 5a2 2 0 0 0 2 2h3" }),
|
|
225
|
+
/* @__PURE__ */ jsx5("path", { d: "M3 3v13a2 2 0 0 0 2 2h3" })
|
|
226
|
+
] }),
|
|
227
|
+
box: /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
228
|
+
/* @__PURE__ */ jsx5("path", { d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" }),
|
|
229
|
+
/* @__PURE__ */ jsx5("path", { d: "m3.3 7 8.7 5 8.7-5" }),
|
|
230
|
+
/* @__PURE__ */ jsx5("path", { d: "M12 22V12" })
|
|
231
|
+
] }),
|
|
232
|
+
component: /* @__PURE__ */ jsx5("path", { d: "m12 2 4 4-4 4-4-4Zm0 12 4 4-4 4-4-4ZM2 12l4-4 4 4-4 4Zm12 0 4-4 4 4-4 4Z" }),
|
|
233
|
+
"file-text": /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
234
|
+
/* @__PURE__ */ jsx5("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
|
|
235
|
+
/* @__PURE__ */ jsx5("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
|
|
236
|
+
/* @__PURE__ */ jsx5("path", { d: "M8 13h8M8 17h5" })
|
|
237
|
+
] }),
|
|
238
|
+
heading: /* @__PURE__ */ jsx5(Fragment, { children: /* @__PURE__ */ jsx5("path", { d: "M6 4v16M18 4v16M6 12h12" }) }),
|
|
239
|
+
bot: /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
240
|
+
/* @__PURE__ */ jsx5("rect", { x: "3", y: "8", width: "18", height: "12", rx: "2" }),
|
|
241
|
+
/* @__PURE__ */ jsx5("path", { d: "M12 4v4M8 14h.01M16 14h.01" })
|
|
242
|
+
] }),
|
|
243
|
+
link: /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
244
|
+
/* @__PURE__ */ jsx5("path", { d: "M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.8 1.7" }),
|
|
245
|
+
/* @__PURE__ */ jsx5("path", { d: "M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.8-1.7" })
|
|
246
|
+
] }),
|
|
247
|
+
"link-2-off": /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
248
|
+
/* @__PURE__ */ jsx5("path", { d: "M9 17H7A5 5 0 0 1 7 7" }),
|
|
249
|
+
/* @__PURE__ */ jsx5("path", { d: "M15 7h2a5 5 0 0 1 4 8" }),
|
|
250
|
+
/* @__PURE__ */ jsx5("path", { d: "M8 12h4" }),
|
|
251
|
+
/* @__PURE__ */ jsx5("path", { d: "m2 2 20 20" })
|
|
252
|
+
] }),
|
|
253
|
+
"circle-dot": /* @__PURE__ */ jsx5("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
|
|
254
|
+
};
|
|
255
|
+
function TreeIcon({ name, size = 11 }) {
|
|
256
|
+
return /* @__PURE__ */ jsx5(Svg, { size, children: PATHS[name] ?? PATHS["circle-dot"] });
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
export {
|
|
260
|
+
KindGlyph,
|
|
261
|
+
VisibilityIcon,
|
|
262
|
+
LockStateIcon,
|
|
263
|
+
StopwatchIcon,
|
|
264
|
+
DiamondIcon,
|
|
265
|
+
PrevIcon,
|
|
266
|
+
NextIcon,
|
|
267
|
+
LinkIcon,
|
|
268
|
+
ResetIcon,
|
|
269
|
+
XIcon,
|
|
270
|
+
EntryIcon,
|
|
271
|
+
XIcon2,
|
|
272
|
+
TrashIcon,
|
|
273
|
+
UndoIcon,
|
|
274
|
+
RedoIcon,
|
|
275
|
+
PendingGlyph,
|
|
276
|
+
EyedropperIcon,
|
|
277
|
+
SwapIcon,
|
|
278
|
+
TreeIcon
|
|
279
|
+
};
|