@xenosystem/blocks 0.13.11 → 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.
@@ -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
- };
@@ -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
- };