@xenosystem/blocks 0.13.10 → 0.13.12
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-5BVZMAD2.js +513 -0
- package/dist/data/index.d.ts +65 -11
- package/dist/data/index.js +217 -181
- package/dist/edit/index.js +5 -7
- package/dist/icons/index.js +2 -4
- package/dist/ops/index.d.ts +119 -9
- package/dist/ops/index.js +299 -183
- package/dist/time/index.js +1 -2
- package/package.json +3 -3
- package/dist/chunk-K7YLLV2W.js +0 -132
- package/dist/chunk-W4PTX2Y4.js +0 -414
package/dist/chunk-K7YLLV2W.js
DELETED
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
// src/icons/glyphs.tsx
|
|
2
|
-
import Copy from "@xenosystem/elements/elements/copy";
|
|
3
|
-
import Download from "@xenosystem/elements/elements/download";
|
|
4
|
-
import Plus from "@xenosystem/elements/elements/plus";
|
|
5
|
-
import Refresh from "@xenosystem/elements/elements/refresh";
|
|
6
|
-
import X from "@xenosystem/elements/elements/x";
|
|
7
|
-
|
|
8
|
-
// src/icons/elements.tsx
|
|
9
|
-
import { XenoElement } from "@xenosystem/elements-react";
|
|
10
|
-
import { jsx } from "react/jsx-runtime";
|
|
11
|
-
var GLYPH_STROKE_WIDTH = 1.5;
|
|
12
|
-
function fromElement(decl, defaultSize = 11, state) {
|
|
13
|
-
const Glyph = ({ size = defaultSize, className }) => /* @__PURE__ */ jsx(XenoElement, { decl, state, size, strokeWidth: GLYPH_STROKE_WIDTH, className, "aria-hidden": "true", role: void 0, "aria-label": void 0 });
|
|
14
|
-
Glyph.displayName = `Element(${decl.id})`;
|
|
15
|
-
return Glyph;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
// src/icons/glyphs.tsx
|
|
19
|
-
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
20
|
-
function Svg({ children, size = 11 }) {
|
|
21
|
-
return /* @__PURE__ */ jsx2("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 });
|
|
22
|
-
}
|
|
23
|
-
var RefreshGlyph = fromElement(Refresh);
|
|
24
|
-
var XGlyph = fromElement(X);
|
|
25
|
-
var PlusGlyph = fromElement(Plus);
|
|
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__ */ jsx2(Svg, { size, children: /* @__PURE__ */ jsx2("path", { d }) });
|
|
29
|
-
}
|
|
30
|
-
var DownloadGlyph = fromElement(Download);
|
|
31
|
-
function PlugGlyph({ size } = {}) {
|
|
32
|
-
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
33
|
-
/* @__PURE__ */ jsx2("path", { d: "M12 22v-5" }),
|
|
34
|
-
/* @__PURE__ */ jsx2("path", { d: "M9 8V2M15 8V2" }),
|
|
35
|
-
/* @__PURE__ */ jsx2("path", { d: "M18 8v3a6 6 0 0 1-12 0V8Z" })
|
|
36
|
-
] });
|
|
37
|
-
}
|
|
38
|
-
function SortAscGlyph({ size = 9 } = {}) {
|
|
39
|
-
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
40
|
-
/* @__PURE__ */ jsx2("path", { d: "m5 12 7-7 7 7" }),
|
|
41
|
-
/* @__PURE__ */ jsx2("path", { d: "M12 19V5" })
|
|
42
|
-
] });
|
|
43
|
-
}
|
|
44
|
-
function SortDescGlyph({ size = 9 } = {}) {
|
|
45
|
-
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
46
|
-
/* @__PURE__ */ jsx2("path", { d: "M12 5v14" }),
|
|
47
|
-
/* @__PURE__ */ jsx2("path", { d: "m19 12-7 7-7-7" })
|
|
48
|
-
] });
|
|
49
|
-
}
|
|
50
|
-
function ExpandGlyph({ size } = {}) {
|
|
51
|
-
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
52
|
-
/* @__PURE__ */ jsx2("path", { d: "M12 22v-6" }),
|
|
53
|
-
/* @__PURE__ */ jsx2("path", { d: "M12 8V2" }),
|
|
54
|
-
/* @__PURE__ */ jsx2("path", { d: "m9 5 3-3 3 3" }),
|
|
55
|
-
/* @__PURE__ */ jsx2("path", { d: "m9 19 3 3 3-3" }),
|
|
56
|
-
/* @__PURE__ */ jsx2("path", { d: "M4 12H2" }),
|
|
57
|
-
/* @__PURE__ */ jsx2("path", { d: "M10 12H8" }),
|
|
58
|
-
/* @__PURE__ */ jsx2("path", { d: "M16 12h-2" }),
|
|
59
|
-
/* @__PURE__ */ jsx2("path", { d: "M22 12h-2" })
|
|
60
|
-
] });
|
|
61
|
-
}
|
|
62
|
-
function CollapseGlyph({ size } = {}) {
|
|
63
|
-
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
64
|
-
/* @__PURE__ */ jsx2("path", { d: "M12 22v-6" }),
|
|
65
|
-
/* @__PURE__ */ jsx2("path", { d: "M12 8V2" }),
|
|
66
|
-
/* @__PURE__ */ jsx2("path", { d: "m9 13 3 3 3-3" }),
|
|
67
|
-
/* @__PURE__ */ jsx2("path", { d: "m9 11 3-3 3 3" }),
|
|
68
|
-
/* @__PURE__ */ jsx2("path", { d: "M4 12H2" }),
|
|
69
|
-
/* @__PURE__ */ jsx2("path", { d: "M22 12h-2" })
|
|
70
|
-
] });
|
|
71
|
-
}
|
|
72
|
-
var CopyGlyph = fromElement(Copy);
|
|
73
|
-
function ClearGlyph({ size } = {}) {
|
|
74
|
-
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
75
|
-
/* @__PURE__ */ jsx2("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3" }),
|
|
76
|
-
/* @__PURE__ */ jsx2("path", { d: "m6 6 12 12" })
|
|
77
|
-
] });
|
|
78
|
-
}
|
|
79
|
-
function CancelGlyph({ size } = {}) {
|
|
80
|
-
return /* @__PURE__ */ jsx2(Svg, { size, children: /* @__PURE__ */ jsx2("rect", { x: "5", y: "5", width: "14", height: "14", rx: "2" }) });
|
|
81
|
-
}
|
|
82
|
-
function RetryGlyph({ size } = {}) {
|
|
83
|
-
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
84
|
-
/* @__PURE__ */ jsx2("path", { d: "M21 12a9 9 0 1 1-3.36-7" }),
|
|
85
|
-
/* @__PURE__ */ jsx2("path", { d: "M21 3v6h-6" })
|
|
86
|
-
] });
|
|
87
|
-
}
|
|
88
|
-
function CaseGlyph({ size = 12 } = {}) {
|
|
89
|
-
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
90
|
-
/* @__PURE__ */ jsx2("path", { d: "m3 15 4-8 4 8" }),
|
|
91
|
-
/* @__PURE__ */ jsx2("path", { d: "M4 13h6" }),
|
|
92
|
-
/* @__PURE__ */ jsx2("rect", { x: "15", y: "9", width: "6", height: "6", rx: "1.5" }),
|
|
93
|
-
/* @__PURE__ */ jsx2("path", { d: "M21 9v6" })
|
|
94
|
-
] });
|
|
95
|
-
}
|
|
96
|
-
function WholeWordGlyph({ size = 12 } = {}) {
|
|
97
|
-
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
98
|
-
/* @__PURE__ */ jsx2("path", { d: "M7 12h10" }),
|
|
99
|
-
/* @__PURE__ */ jsx2("path", { d: "M3 7v10" }),
|
|
100
|
-
/* @__PURE__ */ jsx2("path", { d: "M21 7v10" })
|
|
101
|
-
] });
|
|
102
|
-
}
|
|
103
|
-
function RegexGlyph({ size = 12 } = {}) {
|
|
104
|
-
return /* @__PURE__ */ jsxs(Svg, { size, children: [
|
|
105
|
-
/* @__PURE__ */ jsx2("path", { d: "M12 4v8" }),
|
|
106
|
-
/* @__PURE__ */ jsx2("path", { d: "m8.5 6 7 4" }),
|
|
107
|
-
/* @__PURE__ */ jsx2("path", { d: "m8.5 10 7-4" }),
|
|
108
|
-
/* @__PURE__ */ jsx2("path", { d: "M5 18h2" })
|
|
109
|
-
] });
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
export {
|
|
113
|
-
fromElement,
|
|
114
|
-
Svg,
|
|
115
|
-
RefreshGlyph,
|
|
116
|
-
XGlyph,
|
|
117
|
-
PlusGlyph,
|
|
118
|
-
ChevronGlyph,
|
|
119
|
-
DownloadGlyph,
|
|
120
|
-
PlugGlyph,
|
|
121
|
-
SortAscGlyph,
|
|
122
|
-
SortDescGlyph,
|
|
123
|
-
ExpandGlyph,
|
|
124
|
-
CollapseGlyph,
|
|
125
|
-
CopyGlyph,
|
|
126
|
-
ClearGlyph,
|
|
127
|
-
CancelGlyph,
|
|
128
|
-
RetryGlyph,
|
|
129
|
-
CaseGlyph,
|
|
130
|
-
WholeWordGlyph,
|
|
131
|
-
RegexGlyph
|
|
132
|
-
};
|
package/dist/chunk-W4PTX2Y4.js
DELETED
|
@@ -1,414 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
CancelGlyph,
|
|
3
|
-
CaseGlyph,
|
|
4
|
-
ChevronGlyph,
|
|
5
|
-
ClearGlyph,
|
|
6
|
-
CollapseGlyph,
|
|
7
|
-
CopyGlyph,
|
|
8
|
-
DownloadGlyph,
|
|
9
|
-
ExpandGlyph,
|
|
10
|
-
PlugGlyph,
|
|
11
|
-
PlusGlyph,
|
|
12
|
-
RefreshGlyph,
|
|
13
|
-
RegexGlyph,
|
|
14
|
-
RetryGlyph,
|
|
15
|
-
SortAscGlyph,
|
|
16
|
-
SortDescGlyph,
|
|
17
|
-
Svg,
|
|
18
|
-
WholeWordGlyph,
|
|
19
|
-
XGlyph,
|
|
20
|
-
fromElement
|
|
21
|
-
} from "./chunk-K7YLLV2W.js";
|
|
22
|
-
|
|
23
|
-
// src/edit/tree/react/icons.tsx
|
|
24
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
25
|
-
var PATHS = {
|
|
26
|
-
folder: /* @__PURE__ */ jsx("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" }),
|
|
27
|
-
file: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
28
|
-
/* @__PURE__ */ jsx("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
|
|
29
|
-
/* @__PURE__ */ jsx("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })
|
|
30
|
-
] }),
|
|
31
|
-
"folder-tree": /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
32
|
-
/* @__PURE__ */ jsx("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" }),
|
|
33
|
-
/* @__PURE__ */ jsx("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" }),
|
|
34
|
-
/* @__PURE__ */ jsx("path", { d: "M3 5a2 2 0 0 0 2 2h3" }),
|
|
35
|
-
/* @__PURE__ */ jsx("path", { d: "M3 3v13a2 2 0 0 0 2 2h3" })
|
|
36
|
-
] }),
|
|
37
|
-
box: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
38
|
-
/* @__PURE__ */ jsx("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" }),
|
|
39
|
-
/* @__PURE__ */ jsx("path", { d: "m3.3 7 8.7 5 8.7-5" }),
|
|
40
|
-
/* @__PURE__ */ jsx("path", { d: "M12 22V12" })
|
|
41
|
-
] }),
|
|
42
|
-
component: /* @__PURE__ */ jsx("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" }),
|
|
43
|
-
"file-text": /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
44
|
-
/* @__PURE__ */ jsx("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
|
|
45
|
-
/* @__PURE__ */ jsx("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
|
|
46
|
-
/* @__PURE__ */ jsx("path", { d: "M8 13h8M8 17h5" })
|
|
47
|
-
] }),
|
|
48
|
-
heading: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M6 4v16M18 4v16M6 12h12" }) }),
|
|
49
|
-
bot: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
50
|
-
/* @__PURE__ */ jsx("rect", { x: "3", y: "8", width: "18", height: "12", rx: "2" }),
|
|
51
|
-
/* @__PURE__ */ jsx("path", { d: "M12 4v4M8 14h.01M16 14h.01" })
|
|
52
|
-
] }),
|
|
53
|
-
link: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
54
|
-
/* @__PURE__ */ jsx("path", { d: "M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.8 1.7" }),
|
|
55
|
-
/* @__PURE__ */ jsx("path", { d: "M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.8-1.7" })
|
|
56
|
-
] }),
|
|
57
|
-
"link-2-off": /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
58
|
-
/* @__PURE__ */ jsx("path", { d: "M9 17H7A5 5 0 0 1 7 7" }),
|
|
59
|
-
/* @__PURE__ */ jsx("path", { d: "M15 7h2a5 5 0 0 1 4 8" }),
|
|
60
|
-
/* @__PURE__ */ jsx("path", { d: "M8 12h4" }),
|
|
61
|
-
/* @__PURE__ */ jsx("path", { d: "m2 2 20 20" })
|
|
62
|
-
] }),
|
|
63
|
-
"circle-dot": /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
|
|
64
|
-
};
|
|
65
|
-
function TreeIcon({ name, size = 11 }) {
|
|
66
|
-
return /* @__PURE__ */ jsx(Svg, { size, children: PATHS[name] ?? PATHS["circle-dot"] });
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
// src/edit/color/react/icons.tsx
|
|
70
|
-
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
71
|
-
var svg = (size) => ({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true });
|
|
72
|
-
function EyedropperIcon({ size = 11 } = {}) {
|
|
73
|
-
return /* @__PURE__ */ jsxs2("svg", { ...svg(size), children: [
|
|
74
|
-
/* @__PURE__ */ jsx2("path", { d: "m2 22 1-1h3l9-9" }),
|
|
75
|
-
/* @__PURE__ */ jsx2("path", { d: "M3 21v-3l9-9" }),
|
|
76
|
-
/* @__PURE__ */ jsx2("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" })
|
|
77
|
-
] });
|
|
78
|
-
}
|
|
79
|
-
function SwapIcon({ size = 11 } = {}) {
|
|
80
|
-
return /* @__PURE__ */ jsxs2("svg", { ...svg(size), children: [
|
|
81
|
-
/* @__PURE__ */ jsx2("path", { d: "m16 3 4 4-4 4" }),
|
|
82
|
-
/* @__PURE__ */ jsx2("path", { d: "M20 7H4" }),
|
|
83
|
-
/* @__PURE__ */ jsx2("path", { d: "m8 21-4-4 4-4" }),
|
|
84
|
-
/* @__PURE__ */ jsx2("path", { d: "M4 17h16" })
|
|
85
|
-
] });
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
// src/edit/history/react/icons.tsx
|
|
89
|
-
import Trash from "@xenosystem/elements/elements/trash";
|
|
90
|
-
import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
91
|
-
var svgBase = (size) => ({
|
|
92
|
-
width: size,
|
|
93
|
-
height: size,
|
|
94
|
-
viewBox: "0 0 24 24",
|
|
95
|
-
fill: "none",
|
|
96
|
-
stroke: "currentColor",
|
|
97
|
-
strokeWidth: 1.5,
|
|
98
|
-
strokeLinecap: "round",
|
|
99
|
-
strokeLinejoin: "round",
|
|
100
|
-
"aria-hidden": true
|
|
101
|
-
});
|
|
102
|
-
var ENTRY_PATHS = {
|
|
103
|
-
// painting
|
|
104
|
-
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"],
|
|
105
|
-
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"],
|
|
106
|
-
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"],
|
|
107
|
-
// adjustment / effects
|
|
108
|
-
filter: ["M4 6h16", "M7 12h10", "M10 18h4"],
|
|
109
|
-
// geometry
|
|
110
|
-
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"],
|
|
111
|
-
crop: ["M6 2v14a2 2 0 0 0 2 2h14", "M18 22V8a2 2 0 0 0-2-2H2"],
|
|
112
|
-
// layers
|
|
113
|
-
addLayer: ["M3 3h18v18H3z", "M12 8v8", "M8 12h8"],
|
|
114
|
-
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"],
|
|
115
|
-
merge: ["m12 2 4 4-4 4", "M4 6h12", "m12 14 4 4-4 4", "M4 18h12"],
|
|
116
|
-
// clipboard / text / selection
|
|
117
|
-
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"],
|
|
118
|
-
text: ["M4 7V4h16v3", "M9 20h6", "M12 4v16"],
|
|
119
|
-
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"],
|
|
120
|
-
// ai + snapshots
|
|
121
|
-
ai: ["m12 3 1.9 5.8L20 10l-5.2 2.9L13 19l-2.9-5.2L4 12l6.1-1.9z"],
|
|
122
|
-
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"],
|
|
123
|
-
// timeline / audio
|
|
124
|
-
keyframe: ["m12 3 6 9-6 9-6-9z"],
|
|
125
|
-
clip: ["M3 5h18v14H3z", "M8 5v14", "M16 5v14"],
|
|
126
|
-
volume: ["M11 5 6 9H2v6h4l5 4V5Z", "M16 9a4 4 0 0 1 0 6"],
|
|
127
|
-
document: ["M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", "M14 2v5h6"],
|
|
128
|
-
// fallbacks / chrome
|
|
129
|
-
generic: ["M5 5h14v14H5z"],
|
|
130
|
-
original: ["M3 12a9 9 0 1 0 9-9", "M3 4v5h5"],
|
|
131
|
-
rotateCcw: ["M3 12a9 9 0 1 0 3-6.7L3 8", "M3 3v5h5"]
|
|
132
|
-
};
|
|
133
|
-
function EntryIcon({ name, size = 11 }) {
|
|
134
|
-
const paths = ENTRY_PATHS[name] ?? ENTRY_PATHS.generic;
|
|
135
|
-
return /* @__PURE__ */ jsx3("svg", { ...svgBase(size), children: paths.map((d, i) => /* @__PURE__ */ jsx3("path", { d }, i)) });
|
|
136
|
-
}
|
|
137
|
-
function XIcon({ size = 10 }) {
|
|
138
|
-
return /* @__PURE__ */ jsx3(XGlyph, { size });
|
|
139
|
-
}
|
|
140
|
-
var TrashIcon = fromElement(Trash);
|
|
141
|
-
function UndoIcon({ size = 11 }) {
|
|
142
|
-
return /* @__PURE__ */ jsxs3("svg", { ...svgBase(size), children: [
|
|
143
|
-
/* @__PURE__ */ jsx3("path", { d: "M9 14 4 9l5-5" }),
|
|
144
|
-
/* @__PURE__ */ jsx3("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 0 11H11" })
|
|
145
|
-
] });
|
|
146
|
-
}
|
|
147
|
-
function RedoIcon({ size = 11 }) {
|
|
148
|
-
return /* @__PURE__ */ jsxs3("svg", { ...svgBase(size), children: [
|
|
149
|
-
/* @__PURE__ */ jsx3("path", { d: "m15 14 5-5-5-5" }),
|
|
150
|
-
/* @__PURE__ */ jsx3("path", { d: "M20 9H9.5a5.5 5.5 0 0 0 0 11H13" })
|
|
151
|
-
] });
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
// src/edit/inspector/react/icons.tsx
|
|
155
|
-
import Link from "@xenosystem/elements/elements/link";
|
|
156
|
-
import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
157
|
-
var base = (size) => ({
|
|
158
|
-
width: size,
|
|
159
|
-
height: size,
|
|
160
|
-
viewBox: "0 0 24 24",
|
|
161
|
-
fill: "none",
|
|
162
|
-
stroke: "currentColor",
|
|
163
|
-
strokeWidth: 1.5,
|
|
164
|
-
strokeLinecap: "round",
|
|
165
|
-
strokeLinejoin: "round",
|
|
166
|
-
"aria-hidden": true
|
|
167
|
-
});
|
|
168
|
-
function StopwatchIcon({ size = 11 }) {
|
|
169
|
-
return /* @__PURE__ */ jsxs4("svg", { ...base(size), children: [
|
|
170
|
-
/* @__PURE__ */ jsx4("path", { d: "M10 2h4" }),
|
|
171
|
-
/* @__PURE__ */ jsx4("path", { d: "M12 14v-4" }),
|
|
172
|
-
/* @__PURE__ */ jsx4("path", { d: "M20 14a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z" })
|
|
173
|
-
] });
|
|
174
|
-
}
|
|
175
|
-
function DiamondIcon({ size = 9, filled = false }) {
|
|
176
|
-
return /* @__PURE__ */ jsx4("svg", { ...base(size), fill: filled ? "currentColor" : "none", children: /* @__PURE__ */ jsx4("path", { d: "m12 3 7 9-7 9-7-9z" }) });
|
|
177
|
-
}
|
|
178
|
-
function PrevIcon({ size = 9 }) {
|
|
179
|
-
return /* @__PURE__ */ jsx4("svg", { ...base(size), children: /* @__PURE__ */ jsx4("path", { d: "m15 18-6-6 6-6" }) });
|
|
180
|
-
}
|
|
181
|
-
function NextIcon({ size = 9 }) {
|
|
182
|
-
return /* @__PURE__ */ jsx4("svg", { ...base(size), children: /* @__PURE__ */ jsx4("path", { d: "m9 18 6-6-6-6" }) });
|
|
183
|
-
}
|
|
184
|
-
var LinkIcon = fromElement(Link, 10);
|
|
185
|
-
function ResetIcon({ size = 10 }) {
|
|
186
|
-
return /* @__PURE__ */ jsxs4("svg", { ...base(size), children: [
|
|
187
|
-
/* @__PURE__ */ jsx4("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
|
|
188
|
-
/* @__PURE__ */ jsx4("path", { d: "M3 3v5h5" })
|
|
189
|
-
] });
|
|
190
|
-
}
|
|
191
|
-
function XIcon2({ size = 10 }) {
|
|
192
|
-
return /* @__PURE__ */ jsxs4("svg", { ...base(size), children: [
|
|
193
|
-
/* @__PURE__ */ jsx4("path", { d: "M18 6 6 18" }),
|
|
194
|
-
/* @__PURE__ */ jsx4("path", { d: "m6 6 12 12" })
|
|
195
|
-
] });
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
// src/edit/layers/react/icons.tsx
|
|
199
|
-
import Eye from "@xenosystem/elements/elements/eye";
|
|
200
|
-
import EyeOff from "@xenosystem/elements/elements/eye-off";
|
|
201
|
-
import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
202
|
-
var base2 = (size) => ({
|
|
203
|
-
width: size,
|
|
204
|
-
height: size,
|
|
205
|
-
viewBox: "0 0 24 24",
|
|
206
|
-
fill: "none",
|
|
207
|
-
stroke: "currentColor",
|
|
208
|
-
strokeWidth: 1.5,
|
|
209
|
-
strokeLinecap: "round",
|
|
210
|
-
strokeLinejoin: "round",
|
|
211
|
-
"aria-hidden": true
|
|
212
|
-
});
|
|
213
|
-
var EyeIcon = fromElement(Eye, 12);
|
|
214
|
-
var EyeOffIcon = fromElement(EyeOff, 12);
|
|
215
|
-
function LockIcon({ size = 12, className }) {
|
|
216
|
-
return /* @__PURE__ */ jsxs5("svg", { ...base2(size), className, children: [
|
|
217
|
-
/* @__PURE__ */ jsx5("rect", { width: "14", height: "10", x: "5", y: "11", rx: "2" }),
|
|
218
|
-
/* @__PURE__ */ jsx5("path", { d: "M8 11V7a4 4 0 0 1 8 0v4" })
|
|
219
|
-
] });
|
|
220
|
-
}
|
|
221
|
-
function UnlockIcon({ size = 12, className }) {
|
|
222
|
-
return /* @__PURE__ */ jsxs5("svg", { ...base2(size), className, children: [
|
|
223
|
-
/* @__PURE__ */ jsx5("rect", { width: "14", height: "10", x: "5", y: "11", rx: "2" }),
|
|
224
|
-
/* @__PURE__ */ jsx5("path", { d: "M8 11V7a4 4 0 0 1 7.5-2" })
|
|
225
|
-
] });
|
|
226
|
-
}
|
|
227
|
-
function KindGlyph({ size = 10 }) {
|
|
228
|
-
return /* @__PURE__ */ jsx5("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__ */ jsx5("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2" }) });
|
|
229
|
-
}
|
|
230
|
-
function VisibilityIcon({ open, size }) {
|
|
231
|
-
return open ? /* @__PURE__ */ jsx5(EyeIcon, { size }) : /* @__PURE__ */ jsx5(EyeOffIcon, { size });
|
|
232
|
-
}
|
|
233
|
-
function LockStateIcon({ locked, size }) {
|
|
234
|
-
return locked ? /* @__PURE__ */ jsx5(LockIcon, { size }) : /* @__PURE__ */ jsx5(UnlockIcon, { size });
|
|
235
|
-
}
|
|
236
|
-
|
|
237
|
-
// src/time/transport/react/icons.tsx
|
|
238
|
-
import Pause from "@xenosystem/elements/elements/pause";
|
|
239
|
-
import Play from "@xenosystem/elements/elements/play";
|
|
240
|
-
import Stop from "@xenosystem/elements/elements/stop";
|
|
241
|
-
import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
242
|
-
var base3 = (size) => ({
|
|
243
|
-
width: size,
|
|
244
|
-
height: size,
|
|
245
|
-
viewBox: "0 0 24 24",
|
|
246
|
-
fill: "none",
|
|
247
|
-
stroke: "currentColor",
|
|
248
|
-
strokeWidth: 1.5,
|
|
249
|
-
strokeLinecap: "round",
|
|
250
|
-
strokeLinejoin: "round",
|
|
251
|
-
"aria-hidden": true
|
|
252
|
-
});
|
|
253
|
-
var PlayIcon = fromElement(Play, 12);
|
|
254
|
-
var PauseIcon = fromElement(Pause, 12);
|
|
255
|
-
var StopIcon = fromElement(Stop);
|
|
256
|
-
function RecordIcon({ size = 11 }) {
|
|
257
|
-
return /* @__PURE__ */ jsx6("svg", { ...base3(size), fill: "currentColor", stroke: "none", children: /* @__PURE__ */ jsx6("rect", { x: "6", y: "6", width: "12", height: "12", rx: "3" }) });
|
|
258
|
-
}
|
|
259
|
-
function StartIcon({ size = 11 }) {
|
|
260
|
-
return /* @__PURE__ */ jsxs6("svg", { ...base3(size), children: [
|
|
261
|
-
/* @__PURE__ */ jsx6("path", { d: "M19 20 9 12l10-8z" }),
|
|
262
|
-
/* @__PURE__ */ jsx6("path", { d: "M5 19V5" })
|
|
263
|
-
] });
|
|
264
|
-
}
|
|
265
|
-
function EndIcon({ size = 11 }) {
|
|
266
|
-
return /* @__PURE__ */ jsxs6("svg", { ...base3(size), children: [
|
|
267
|
-
/* @__PURE__ */ jsx6("path", { d: "m5 4 10 8-10 8z" }),
|
|
268
|
-
/* @__PURE__ */ jsx6("path", { d: "M19 5v14" })
|
|
269
|
-
] });
|
|
270
|
-
}
|
|
271
|
-
function StepBackIcon({ size = 11 }) {
|
|
272
|
-
return /* @__PURE__ */ jsx6("svg", { ...base3(size), children: /* @__PURE__ */ jsx6("path", { d: "M15 18 9 12l6-6" }) });
|
|
273
|
-
}
|
|
274
|
-
function StepForwardIcon({ size = 11 }) {
|
|
275
|
-
return /* @__PURE__ */ jsx6("svg", { ...base3(size), children: /* @__PURE__ */ jsx6("path", { d: "m9 6 6 6-6 6" }) });
|
|
276
|
-
}
|
|
277
|
-
function ShuttleLeftIcon({ size = 11 }) {
|
|
278
|
-
return /* @__PURE__ */ jsxs6("svg", { ...base3(size), children: [
|
|
279
|
-
/* @__PURE__ */ jsx6("path", { d: "M11 19 2 12l9-7z" }),
|
|
280
|
-
/* @__PURE__ */ jsx6("path", { d: "M22 19l-9-7 9-7z" })
|
|
281
|
-
] });
|
|
282
|
-
}
|
|
283
|
-
function ShuttleRightIcon({ size = 11 }) {
|
|
284
|
-
return /* @__PURE__ */ jsxs6("svg", { ...base3(size), children: [
|
|
285
|
-
/* @__PURE__ */ jsx6("path", { d: "m13 19 9-7-9-7z" }),
|
|
286
|
-
/* @__PURE__ */ jsx6("path", { d: "m2 19 9-7-9-7z" })
|
|
287
|
-
] });
|
|
288
|
-
}
|
|
289
|
-
function LoopIcon({ size = 11 }) {
|
|
290
|
-
return /* @__PURE__ */ jsxs6("svg", { ...base3(size), children: [
|
|
291
|
-
/* @__PURE__ */ jsx6("path", { d: "m17 2 4 4-4 4" }),
|
|
292
|
-
/* @__PURE__ */ jsx6("path", { d: "M3 11v-1a4 4 0 0 1 4-4h14" }),
|
|
293
|
-
/* @__PURE__ */ jsx6("path", { d: "m7 22-4-4 4-4" }),
|
|
294
|
-
/* @__PURE__ */ jsx6("path", { d: "M21 13v1a4 4 0 0 1-4 4H3" })
|
|
295
|
-
] });
|
|
296
|
-
}
|
|
297
|
-
function MetronomeIcon({ size = 11 }) {
|
|
298
|
-
return /* @__PURE__ */ jsxs6("svg", { ...base3(size), children: [
|
|
299
|
-
/* @__PURE__ */ jsx6("path", { d: "M9 3h6l4 18H5z" }),
|
|
300
|
-
/* @__PURE__ */ jsx6("path", { d: "m12 18 4-11" })
|
|
301
|
-
] });
|
|
302
|
-
}
|
|
303
|
-
function PlayPauseIcon({ playing, size }) {
|
|
304
|
-
return playing ? /* @__PURE__ */ jsx6(PauseIcon, { size }) : /* @__PURE__ */ jsx6(PlayIcon, { size });
|
|
305
|
-
}
|
|
306
|
-
var TRANSPORT_ICONS = {
|
|
307
|
-
"transport/PlayIcon": PlayIcon,
|
|
308
|
-
"transport/PauseIcon": PauseIcon,
|
|
309
|
-
"transport/PlayPauseIcon": PlayPauseIcon,
|
|
310
|
-
"transport/StopIcon": StopIcon,
|
|
311
|
-
"transport/RecordIcon": RecordIcon,
|
|
312
|
-
"transport/StartIcon": StartIcon,
|
|
313
|
-
"transport/EndIcon": EndIcon,
|
|
314
|
-
"transport/StepBackIcon": StepBackIcon,
|
|
315
|
-
"transport/StepForwardIcon": StepForwardIcon,
|
|
316
|
-
"transport/ShuttleLeftIcon": ShuttleLeftIcon,
|
|
317
|
-
"transport/ShuttleRightIcon": ShuttleRightIcon,
|
|
318
|
-
"transport/LoopIcon": LoopIcon,
|
|
319
|
-
"transport/MetronomeIcon": MetronomeIcon
|
|
320
|
-
};
|
|
321
|
-
var TRANSPORT_RUNTIME_UNITS = [];
|
|
322
|
-
|
|
323
|
-
// src/icons/index.ts
|
|
324
|
-
var ICONS = Object.freeze({
|
|
325
|
-
// transport
|
|
326
|
-
"icons/Play": PlayIcon,
|
|
327
|
-
"icons/Pause": PauseIcon,
|
|
328
|
-
"icons/PlayPause": PlayPauseIcon,
|
|
329
|
-
"icons/Stop": StopIcon,
|
|
330
|
-
"icons/Record": RecordIcon,
|
|
331
|
-
"icons/Start": StartIcon,
|
|
332
|
-
"icons/End": EndIcon,
|
|
333
|
-
"icons/StepBack": StepBackIcon,
|
|
334
|
-
"icons/StepForward": StepForwardIcon,
|
|
335
|
-
"icons/ShuttleLeft": ShuttleLeftIcon,
|
|
336
|
-
"icons/ShuttleRight": ShuttleRightIcon,
|
|
337
|
-
"icons/Loop": LoopIcon,
|
|
338
|
-
"icons/Metronome": MetronomeIcon,
|
|
339
|
-
// history
|
|
340
|
-
"icons/Undo": UndoIcon,
|
|
341
|
-
"icons/Redo": RedoIcon,
|
|
342
|
-
"icons/Trash": TrashIcon,
|
|
343
|
-
"icons/HistoryEntry": EntryIcon,
|
|
344
|
-
// inspector
|
|
345
|
-
"icons/Stopwatch": StopwatchIcon,
|
|
346
|
-
"icons/Diamond": DiamondIcon,
|
|
347
|
-
"icons/Prev": PrevIcon,
|
|
348
|
-
"icons/Next": NextIcon,
|
|
349
|
-
"icons/Link": LinkIcon,
|
|
350
|
-
"icons/Reset": ResetIcon,
|
|
351
|
-
// layers
|
|
352
|
-
"icons/Kind": KindGlyph,
|
|
353
|
-
"icons/Visibility": VisibilityIcon,
|
|
354
|
-
"icons/LockState": LockStateIcon,
|
|
355
|
-
// color
|
|
356
|
-
"icons/Swap": SwapIcon,
|
|
357
|
-
"icons/Eyedropper": EyedropperIcon,
|
|
358
|
-
// shared (src/icons/glyphs.tsx — the one source; the data/ops/time blocks re-export these)
|
|
359
|
-
"icons/Refresh": RefreshGlyph,
|
|
360
|
-
"icons/Close": XGlyph,
|
|
361
|
-
"icons/Plus": PlusGlyph,
|
|
362
|
-
"icons/Chevron": ChevronGlyph,
|
|
363
|
-
"icons/Download": DownloadGlyph,
|
|
364
|
-
"icons/Plug": PlugGlyph,
|
|
365
|
-
"icons/SortAsc": SortAscGlyph,
|
|
366
|
-
"icons/SortDesc": SortDescGlyph,
|
|
367
|
-
"icons/Expand": ExpandGlyph,
|
|
368
|
-
"icons/Collapse": CollapseGlyph,
|
|
369
|
-
"icons/Copy": CopyGlyph,
|
|
370
|
-
"icons/Clear": ClearGlyph,
|
|
371
|
-
"icons/Cancel": CancelGlyph,
|
|
372
|
-
"icons/Retry": RetryGlyph,
|
|
373
|
-
"icons/Case": CaseGlyph,
|
|
374
|
-
"icons/WholeWord": WholeWordGlyph,
|
|
375
|
-
"icons/Regex": RegexGlyph,
|
|
376
|
-
"icons/TreeKind": TreeIcon
|
|
377
|
-
});
|
|
378
|
-
var ICON_UNITS = Object.keys(ICONS);
|
|
379
|
-
|
|
380
|
-
export {
|
|
381
|
-
StopIcon,
|
|
382
|
-
RecordIcon,
|
|
383
|
-
StartIcon,
|
|
384
|
-
EndIcon,
|
|
385
|
-
StepBackIcon,
|
|
386
|
-
StepForwardIcon,
|
|
387
|
-
ShuttleLeftIcon,
|
|
388
|
-
ShuttleRightIcon,
|
|
389
|
-
LoopIcon,
|
|
390
|
-
MetronomeIcon,
|
|
391
|
-
PlayPauseIcon,
|
|
392
|
-
TRANSPORT_ICONS,
|
|
393
|
-
TRANSPORT_RUNTIME_UNITS,
|
|
394
|
-
TreeIcon,
|
|
395
|
-
EyedropperIcon,
|
|
396
|
-
SwapIcon,
|
|
397
|
-
EntryIcon,
|
|
398
|
-
XIcon,
|
|
399
|
-
TrashIcon,
|
|
400
|
-
UndoIcon,
|
|
401
|
-
RedoIcon,
|
|
402
|
-
StopwatchIcon,
|
|
403
|
-
DiamondIcon,
|
|
404
|
-
PrevIcon,
|
|
405
|
-
NextIcon,
|
|
406
|
-
LinkIcon,
|
|
407
|
-
ResetIcon,
|
|
408
|
-
XIcon2,
|
|
409
|
-
KindGlyph,
|
|
410
|
-
VisibilityIcon,
|
|
411
|
-
LockStateIcon,
|
|
412
|
-
ICONS,
|
|
413
|
-
ICON_UNITS
|
|
414
|
-
};
|