ics-ui-kit 0.1.4 → 0.1.5
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/components/glass-toolbar/GlassToolbar.d.ts +51 -0
- package/dist/components/glass-toolbar/GlassToolbar.stories.d.ts +14 -0
- package/dist/components/glass-toolbar/index.d.ts +2 -0
- package/dist/components/glass-toolbar.d.ts +2 -0
- package/dist/components/glass-toolbar.js +99 -0
- package/dist/components/glass-toolbar.js.map +1 -0
- package/dist/components/resizable/Resizable.d.ts +1 -0
- package/dist/components/resizable/index.d.ts +1 -1
- package/dist/components/resizable.js +78 -77
- package/dist/components/resizable.js.map +1 -1
- package/dist/components/sidebar/Sidebar.stories.d.ts +1 -0
- package/dist/components/toolbar.js +85 -197
- package/dist/components/toolbar.js.map +1 -1
- package/dist/index-BDrapWDv.js +122 -0
- package/dist/index-BDrapWDv.js.map +1 -0
- package/dist/styles-scoped.css +47 -0
- package/dist/styles.css +47 -0
- package/dist/theme.css +6 -0
- package/package.json +1 -1
- package/tailwind.preset.js +4 -1
|
@@ -1,129 +1,17 @@
|
|
|
1
|
-
import { jsx as s, jsxs as
|
|
2
|
-
import
|
|
3
|
-
import l, { createContext as
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
import { S as J } from "../ScrollArea-CuuTeDn3.js";
|
|
13
|
-
import { C as Q } from "../chevron-down-CAOItu8X.js";
|
|
14
|
-
var W = "Separator", T = "horizontal", X = ["horizontal", "vertical"], x = c.forwardRef((o, r) => {
|
|
15
|
-
const { decorative: a, orientation: e = T, ...t } = o, n = Y(e) ? e : T, d = a ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
|
|
16
|
-
return /* @__PURE__ */ s(
|
|
17
|
-
b.div,
|
|
18
|
-
{
|
|
19
|
-
"data-orientation": n,
|
|
20
|
-
...d,
|
|
21
|
-
...t,
|
|
22
|
-
ref: r
|
|
23
|
-
}
|
|
24
|
-
);
|
|
25
|
-
});
|
|
26
|
-
x.displayName = W;
|
|
27
|
-
function Y(o) {
|
|
28
|
-
return X.includes(o);
|
|
29
|
-
}
|
|
30
|
-
var Z = x, u = "Toolbar", [oo, $o] = j(u, [
|
|
31
|
-
h,
|
|
32
|
-
N
|
|
33
|
-
]), m = h(), S = N(), [ro, R] = oo(u), _ = c.forwardRef(
|
|
34
|
-
(o, r) => {
|
|
35
|
-
const { __scopeToolbar: a, orientation: e = "horizontal", dir: t, loop: n = !0, ...v } = o, d = m(a), g = V(t);
|
|
36
|
-
return /* @__PURE__ */ s(ro, { scope: a, orientation: e, dir: g, children: /* @__PURE__ */ s(
|
|
37
|
-
K,
|
|
38
|
-
{
|
|
39
|
-
asChild: !0,
|
|
40
|
-
...d,
|
|
41
|
-
orientation: e,
|
|
42
|
-
dir: g,
|
|
43
|
-
loop: n,
|
|
44
|
-
children: /* @__PURE__ */ s(
|
|
45
|
-
b.div,
|
|
46
|
-
{
|
|
47
|
-
role: "toolbar",
|
|
48
|
-
"aria-orientation": e,
|
|
49
|
-
dir: g,
|
|
50
|
-
...v,
|
|
51
|
-
ref: r
|
|
52
|
-
}
|
|
53
|
-
)
|
|
54
|
-
}
|
|
55
|
-
) });
|
|
56
|
-
}
|
|
57
|
-
);
|
|
58
|
-
_.displayName = u;
|
|
59
|
-
var C = "ToolbarSeparator", G = c.forwardRef(
|
|
60
|
-
(o, r) => {
|
|
61
|
-
const { __scopeToolbar: a, ...e } = o, t = R(C, a);
|
|
62
|
-
return /* @__PURE__ */ s(
|
|
63
|
-
Z,
|
|
64
|
-
{
|
|
65
|
-
orientation: t.orientation === "horizontal" ? "vertical" : "horizontal",
|
|
66
|
-
...e,
|
|
67
|
-
ref: r
|
|
68
|
-
}
|
|
69
|
-
);
|
|
70
|
-
}
|
|
71
|
-
);
|
|
72
|
-
G.displayName = C;
|
|
73
|
-
var eo = "ToolbarButton", f = c.forwardRef(
|
|
74
|
-
(o, r) => {
|
|
75
|
-
const { __scopeToolbar: a, ...e } = o, t = m(a);
|
|
76
|
-
return /* @__PURE__ */ s(y, { asChild: !0, ...t, focusable: !o.disabled, children: /* @__PURE__ */ s(b.button, { type: "button", ...e, ref: r }) });
|
|
77
|
-
}
|
|
78
|
-
);
|
|
79
|
-
f.displayName = eo;
|
|
80
|
-
var ao = "ToolbarLink", to = c.forwardRef(
|
|
81
|
-
(o, r) => {
|
|
82
|
-
const { __scopeToolbar: a, ...e } = o, t = m(a);
|
|
83
|
-
return /* @__PURE__ */ s(y, { asChild: !0, ...t, focusable: !0, children: /* @__PURE__ */ s(
|
|
84
|
-
b.a,
|
|
85
|
-
{
|
|
86
|
-
...e,
|
|
87
|
-
ref: r,
|
|
88
|
-
onKeyDown: z(o.onKeyDown, (n) => {
|
|
89
|
-
n.key === " " && n.currentTarget.click();
|
|
90
|
-
})
|
|
91
|
-
}
|
|
92
|
-
) });
|
|
93
|
-
}
|
|
94
|
-
);
|
|
95
|
-
to.displayName = ao;
|
|
96
|
-
var I = "ToolbarToggleGroup", P = c.forwardRef(
|
|
97
|
-
(o, r) => {
|
|
98
|
-
const { __scopeToolbar: a, ...e } = o, t = R(I, a), n = S(a);
|
|
99
|
-
return /* @__PURE__ */ s(
|
|
100
|
-
U,
|
|
101
|
-
{
|
|
102
|
-
"data-orientation": t.orientation,
|
|
103
|
-
dir: t.dir,
|
|
104
|
-
...n,
|
|
105
|
-
...e,
|
|
106
|
-
ref: r,
|
|
107
|
-
rovingFocus: !1
|
|
108
|
-
}
|
|
109
|
-
);
|
|
110
|
-
}
|
|
111
|
-
);
|
|
112
|
-
P.displayName = I;
|
|
113
|
-
var so = "ToolbarToggleItem", E = c.forwardRef(
|
|
114
|
-
(o, r) => {
|
|
115
|
-
const { __scopeToolbar: a, ...e } = o, t = S(a), n = { __scopeToolbar: o.__scopeToolbar };
|
|
116
|
-
return /* @__PURE__ */ s(f, { asChild: !0, ...n, children: /* @__PURE__ */ s(H, { ...t, ...e, ref: r }) });
|
|
117
|
-
}
|
|
118
|
-
);
|
|
119
|
-
E.displayName = so;
|
|
120
|
-
var no = _, A = P;
|
|
121
|
-
const O = F(void 0), lo = ({ children: o, focus: r = "high" }) => /* @__PURE__ */ s(O.Provider, { value: { focus: r }, children: o }), p = () => {
|
|
122
|
-
const o = L(O);
|
|
123
|
-
if (o === void 0)
|
|
1
|
+
import { jsx as s, jsxs as h } from "react/jsx-runtime";
|
|
2
|
+
import { R as y, c as v, a as b, b as T, T as w } from "../index-BDrapWDv.js";
|
|
3
|
+
import l, { createContext as x, useContext as N } from "react";
|
|
4
|
+
import { T as n } from "../index-BVqs-uqP.js";
|
|
5
|
+
import { D as S } from "../Divider-DPW5ZhZ8.js";
|
|
6
|
+
import { I as g } from "../Icon-DH3ev9GK.js";
|
|
7
|
+
import { S as C } from "../ScrollArea-CuuTeDn3.js";
|
|
8
|
+
import { C as R } from "../chevron-down-CAOItu8X.js";
|
|
9
|
+
const d = x(void 0), I = ({ children: r, focus: o = "high" }) => /* @__PURE__ */ s(d.Provider, { value: { focus: o }, children: r }), c = () => {
|
|
10
|
+
const r = N(d);
|
|
11
|
+
if (r === void 0)
|
|
124
12
|
throw new Error("useToolbarContext должен использоваться внутри ToolbarProvider");
|
|
125
|
-
return
|
|
126
|
-
},
|
|
13
|
+
return r;
|
|
14
|
+
}, k = n({
|
|
127
15
|
slots: {
|
|
128
16
|
wrapper: "flex items-center gap-1 p-1.5 lg:rounded-lg lg:p-1",
|
|
129
17
|
scrollbar: "h-1.5 border-t-0 px-1.5",
|
|
@@ -144,24 +32,24 @@ const O = F(void 0), lo = ({ children: o, focus: r = "high" }) => /* @__PURE__ *
|
|
|
144
32
|
}
|
|
145
33
|
}
|
|
146
34
|
}
|
|
147
|
-
}),
|
|
148
|
-
({ className:
|
|
149
|
-
const t =
|
|
150
|
-
return /* @__PURE__ */ s(
|
|
151
|
-
|
|
35
|
+
}), B = l.forwardRef(
|
|
36
|
+
({ className: r, focus: o = "high", ...e }, a) => {
|
|
37
|
+
const t = k();
|
|
38
|
+
return /* @__PURE__ */ s(I, { focus: o, children: /* @__PURE__ */ s(
|
|
39
|
+
C,
|
|
152
40
|
{
|
|
153
41
|
type: "always",
|
|
154
|
-
thumbClassName: t.thumb({ focus:
|
|
42
|
+
thumbClassName: t.thumb({ focus: o }),
|
|
155
43
|
scrollbarClassName: t.scrollbar(),
|
|
156
|
-
className: t.scrollarea({ focus:
|
|
44
|
+
className: t.scrollarea({ focus: o }),
|
|
157
45
|
orientation: "horizontal",
|
|
158
|
-
children: /* @__PURE__ */ s(
|
|
46
|
+
children: /* @__PURE__ */ s(y, { ref: a, className: t.wrapper({ className: r, focus: o }), ...e })
|
|
159
47
|
}
|
|
160
48
|
) });
|
|
161
49
|
}
|
|
162
50
|
);
|
|
163
|
-
|
|
164
|
-
const
|
|
51
|
+
B.displayName = "Toolbar";
|
|
52
|
+
const p = n({
|
|
165
53
|
base: "group inline-flex items-center justify-center gap-1.5 rounded-sm p-1.5 focus-visible:shadow-focus focus-visible:outline-none",
|
|
166
54
|
variants: {
|
|
167
55
|
focus: {
|
|
@@ -169,12 +57,12 @@ const k = i({
|
|
|
169
57
|
high: "hover:bg-inverse-hover"
|
|
170
58
|
}
|
|
171
59
|
}
|
|
172
|
-
}),
|
|
173
|
-
const { focus:
|
|
174
|
-
return /* @__PURE__ */ s(
|
|
60
|
+
}), m = l.forwardRef(({ className: r, ...o }, e) => {
|
|
61
|
+
const { focus: a } = c(), t = p({ className: r, focus: a });
|
|
62
|
+
return /* @__PURE__ */ s(w, { ref: e, className: t, ...o });
|
|
175
63
|
});
|
|
176
|
-
|
|
177
|
-
const
|
|
64
|
+
m.displayName = "ToolbarButton";
|
|
65
|
+
const D = n({
|
|
178
66
|
base: "h-4 w-4",
|
|
179
67
|
variants: {
|
|
180
68
|
focus: {
|
|
@@ -182,14 +70,14 @@ const po = i({
|
|
|
182
70
|
high: "stroke-[1.5px] text-inverse-primary-fg"
|
|
183
71
|
}
|
|
184
72
|
}
|
|
185
|
-
}),
|
|
186
|
-
({ className:
|
|
187
|
-
const { focus:
|
|
188
|
-
return /* @__PURE__ */ s(
|
|
73
|
+
}), j = l.forwardRef(
|
|
74
|
+
({ className: r, ...o }, e) => {
|
|
75
|
+
const { focus: a } = c();
|
|
76
|
+
return /* @__PURE__ */ s(g, { ref: e, className: D({ className: r, focus: a }), ...o });
|
|
189
77
|
}
|
|
190
78
|
);
|
|
191
|
-
|
|
192
|
-
const
|
|
79
|
+
j.displayName = "ToolbarIcon";
|
|
80
|
+
const G = n({
|
|
193
81
|
base: "text-base leading-none",
|
|
194
82
|
variants: {
|
|
195
83
|
focus: {
|
|
@@ -197,14 +85,14 @@ const go = i({
|
|
|
197
85
|
high: "text-inverse-primary-fg"
|
|
198
86
|
}
|
|
199
87
|
}
|
|
200
|
-
}),
|
|
201
|
-
({ className:
|
|
202
|
-
const { focus:
|
|
203
|
-
return /* @__PURE__ */ s("div", { ref:
|
|
88
|
+
}), P = l.forwardRef(
|
|
89
|
+
({ className: r, ...o }, e) => {
|
|
90
|
+
const { focus: a } = c();
|
|
91
|
+
return /* @__PURE__ */ s("div", { ref: e, className: G({ className: r, focus: a }), ...o });
|
|
204
92
|
}
|
|
205
93
|
);
|
|
206
|
-
|
|
207
|
-
const
|
|
94
|
+
P.displayName = "ToolbarText";
|
|
95
|
+
const $ = n({
|
|
208
96
|
base: "",
|
|
209
97
|
slots: {
|
|
210
98
|
icon: "h-2 w-2 stroke-[3px]"
|
|
@@ -215,22 +103,22 @@ const mo = i({
|
|
|
215
103
|
high: "text-inverse-primary-fg"
|
|
216
104
|
}
|
|
217
105
|
}
|
|
218
|
-
}),
|
|
219
|
-
({ className:
|
|
220
|
-
const { focus: t } =
|
|
221
|
-
return /* @__PURE__ */ s("span", { className:
|
|
106
|
+
}), u = l.forwardRef(
|
|
107
|
+
({ className: r, icon: o, ...e }, a) => {
|
|
108
|
+
const { focus: t } = c(), i = $();
|
|
109
|
+
return /* @__PURE__ */ s("span", { className: i.base({ className: r, focus: t }), children: /* @__PURE__ */ s(g, { icon: o || R, ref: a, className: i.icon({ focus: t }), ...e }) });
|
|
222
110
|
}
|
|
223
111
|
);
|
|
224
|
-
|
|
225
|
-
const
|
|
226
|
-
base:
|
|
227
|
-
}),
|
|
228
|
-
const
|
|
229
|
-
return /* @__PURE__ */ s(
|
|
112
|
+
u.displayName = "ToolbarSubTrigger";
|
|
113
|
+
const _ = n({
|
|
114
|
+
base: "flex items-center gap-1"
|
|
115
|
+
}), z = l.forwardRef(({ className: r, ...o }, e) => {
|
|
116
|
+
const a = _({ className: r });
|
|
117
|
+
return /* @__PURE__ */ s(b, { ref: e, className: a, ...o });
|
|
230
118
|
});
|
|
231
|
-
|
|
232
|
-
const
|
|
233
|
-
extend:
|
|
119
|
+
z.displayName = b.displayName;
|
|
120
|
+
const A = n({
|
|
121
|
+
extend: p,
|
|
234
122
|
base: "disabled:pointer-events-none disabled:opacity-50",
|
|
235
123
|
variants: {
|
|
236
124
|
focus: {
|
|
@@ -238,12 +126,12 @@ const To = i({
|
|
|
238
126
|
high: "data-[state=on]:bg-inverse-active"
|
|
239
127
|
}
|
|
240
128
|
}
|
|
241
|
-
}),
|
|
242
|
-
const { focus: t } =
|
|
243
|
-
return /* @__PURE__ */ s(
|
|
129
|
+
}), E = l.forwardRef(({ className: r, children: o, ...e }, a) => {
|
|
130
|
+
const { focus: t } = c(), i = A({ className: r, focus: t });
|
|
131
|
+
return /* @__PURE__ */ s(T, { ref: a, className: i, ...e, children: o });
|
|
244
132
|
});
|
|
245
|
-
|
|
246
|
-
const
|
|
133
|
+
E.displayName = "ToolbarToggleItem";
|
|
134
|
+
const q = n({
|
|
247
135
|
base: "h-5 w-px",
|
|
248
136
|
variants: {
|
|
249
137
|
focus: {
|
|
@@ -251,14 +139,14 @@ const yo = i({
|
|
|
251
139
|
high: "bg-inverse-border"
|
|
252
140
|
}
|
|
253
141
|
}
|
|
254
|
-
}),
|
|
255
|
-
({ className:
|
|
256
|
-
const { focus:
|
|
257
|
-
return /* @__PURE__ */ s(
|
|
142
|
+
}), F = l.forwardRef(
|
|
143
|
+
({ className: r, ...o }, e) => {
|
|
144
|
+
const { focus: a } = c(), t = q({ className: r, focus: a });
|
|
145
|
+
return /* @__PURE__ */ s(v, { asChild: !0, "data-orientation": "vertical", children: /* @__PURE__ */ s(S, { ref: e, orientation: "vertical", className: t, ...o }) });
|
|
258
146
|
}
|
|
259
147
|
);
|
|
260
|
-
|
|
261
|
-
const
|
|
148
|
+
F.displayName = "ToolbarSeparator";
|
|
149
|
+
const H = n({
|
|
262
150
|
slots: {
|
|
263
151
|
wrapper: "",
|
|
264
152
|
subtrigger: "py-0.5"
|
|
@@ -268,15 +156,15 @@ const wo = i({
|
|
|
268
156
|
true: { wrapper: "-ml-0.5 px-0.5 py-2" }
|
|
269
157
|
}
|
|
270
158
|
}
|
|
271
|
-
}),
|
|
272
|
-
const
|
|
273
|
-
return /* @__PURE__ */
|
|
274
|
-
|
|
275
|
-
/* @__PURE__ */ s(
|
|
159
|
+
}), J = l.forwardRef(({ className: r, children: o, sub: e, ...a }, t) => {
|
|
160
|
+
const i = H();
|
|
161
|
+
return /* @__PURE__ */ h(f, { ref: t, "data-stick-left": !0, className: i.wrapper({ className: r, sub: e }), ...a, children: [
|
|
162
|
+
o,
|
|
163
|
+
/* @__PURE__ */ s(u, { className: i.subtrigger() })
|
|
276
164
|
] });
|
|
277
165
|
});
|
|
278
|
-
|
|
279
|
-
const
|
|
166
|
+
J.displayName = "ToolbarTriggerChevron ";
|
|
167
|
+
const K = n({
|
|
280
168
|
base: "",
|
|
281
169
|
variants: {
|
|
282
170
|
focus: {
|
|
@@ -284,21 +172,21 @@ const So = i({
|
|
|
284
172
|
high: "data-[state=open]:bg-inverse-active"
|
|
285
173
|
}
|
|
286
174
|
}
|
|
287
|
-
}),
|
|
288
|
-
const { focus: t } =
|
|
289
|
-
return /* @__PURE__ */ s(
|
|
175
|
+
}), f = l.forwardRef(({ className: r, children: o, ...e }, a) => {
|
|
176
|
+
const { focus: t } = c();
|
|
177
|
+
return /* @__PURE__ */ s(m, { ref: a, "data-stick-left": !0, className: K({ className: r, focus: t }), ...e, children: o });
|
|
290
178
|
});
|
|
291
|
-
|
|
179
|
+
f.displayName = "ToolbarTrigger";
|
|
292
180
|
export {
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
181
|
+
B as Toolbar,
|
|
182
|
+
m as ToolbarButton,
|
|
183
|
+
j as ToolbarIcon,
|
|
184
|
+
F as ToolbarSeparator,
|
|
185
|
+
u as ToolbarSubTrigger,
|
|
186
|
+
P as ToolbarText,
|
|
187
|
+
z as ToolbarToggleGroup,
|
|
188
|
+
E as ToolbarToggleItem,
|
|
189
|
+
f as ToolbarTrigger,
|
|
190
|
+
J as ToolbarTriggerChevron
|
|
303
191
|
};
|
|
304
192
|
//# sourceMappingURL=toolbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar.js","sources":["../../node_modules/.pnpm/@radix-ui+react-separator@1.1.7_@types+react-dom@18.3.6_@types+react@18.3.20__@types+re_3cab2173b21cab89052082793cdd8770/node_modules/@radix-ui/react-separator/dist/index.mjs","../../node_modules/.pnpm/@radix-ui+react-toolbar@1.1.11_@types+react-dom@18.3.6_@types+react@18.3.20__@types+rea_e665a8a61a53048a6b7ca3c339815ce4/node_modules/@radix-ui/react-toolbar/dist/index.mjs","../../src/components/toolbar/ToolbarContext.tsx","../../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["// src/separator.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Separator\";\nvar DEFAULT_ORIENTATION = \"horizontal\";\nvar ORIENTATIONS = [\"horizontal\", \"vertical\"];\nvar Separator = React.forwardRef((props, forwardedRef) => {\n const { decorative, orientation: orientationProp = DEFAULT_ORIENTATION, ...domProps } = props;\n const orientation = isValidOrientation(orientationProp) ? orientationProp : DEFAULT_ORIENTATION;\n const ariaOrientation = orientation === \"vertical\" ? orientation : void 0;\n const semanticProps = decorative ? { role: \"none\" } : { \"aria-orientation\": ariaOrientation, role: \"separator\" };\n return /* @__PURE__ */ jsx(\n Primitive.div,\n {\n \"data-orientation\": orientation,\n ...semanticProps,\n ...domProps,\n ref: forwardedRef\n }\n );\n});\nSeparator.displayName = NAME;\nfunction isValidOrientation(orientation) {\n return ORIENTATIONS.includes(orientation);\n}\nvar Root = Separator;\nexport {\n Root,\n Separator\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// src/toolbar.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport { createToggleGroupScope } from \"@radix-ui/react-toggle-group\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TOOLBAR_NAME = \"Toolbar\";\nvar [createToolbarContext, createToolbarScope] = createContextScope(TOOLBAR_NAME, [\n createRovingFocusGroupScope,\n createToggleGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar useToggleGroupScope = createToggleGroupScope();\nvar [ToolbarProvider, useToolbarContext] = createToolbarContext(TOOLBAR_NAME);\nvar Toolbar = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeToolbar, orientation = \"horizontal\", dir, loop = true, ...toolbarProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n const direction = useDirection(dir);\n return /* @__PURE__ */ jsx(ToolbarProvider, { scope: __scopeToolbar, orientation, dir: direction, children: /* @__PURE__ */ jsx(\n RovingFocusGroup.Root,\n {\n asChild: true,\n ...rovingFocusGroupScope,\n orientation,\n dir: direction,\n loop,\n children: /* @__PURE__ */ jsx(\n Primitive.div,\n {\n role: \"toolbar\",\n \"aria-orientation\": orientation,\n dir: direction,\n ...toolbarProps,\n ref: forwardedRef\n }\n )\n }\n ) });\n }\n);\nToolbar.displayName = TOOLBAR_NAME;\nvar SEPARATOR_NAME = \"ToolbarSeparator\";\nvar ToolbarSeparator = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeToolbar, ...separatorProps } = props;\n const context = useToolbarContext(SEPARATOR_NAME, __scopeToolbar);\n return /* @__PURE__ */ jsx(\n SeparatorPrimitive.Root,\n {\n orientation: context.orientation === \"horizontal\" ? \"vertical\" : \"horizontal\",\n ...separatorProps,\n ref: forwardedRef\n }\n );\n }\n);\nToolbarSeparator.displayName = SEPARATOR_NAME;\nvar BUTTON_NAME = \"ToolbarButton\";\nvar ToolbarButton = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeToolbar, ...buttonProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return /* @__PURE__ */ jsx(RovingFocusGroup.Item, { asChild: true, ...rovingFocusGroupScope, focusable: !props.disabled, children: /* @__PURE__ */ jsx(Primitive.button, { type: \"button\", ...buttonProps, ref: forwardedRef }) });\n }\n);\nToolbarButton.displayName = BUTTON_NAME;\nvar LINK_NAME = \"ToolbarLink\";\nvar ToolbarLink = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeToolbar, ...linkProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return /* @__PURE__ */ jsx(RovingFocusGroup.Item, { asChild: true, ...rovingFocusGroupScope, focusable: true, children: /* @__PURE__ */ jsx(\n Primitive.a,\n {\n ...linkProps,\n ref: forwardedRef,\n onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === \" \") event.currentTarget.click();\n })\n }\n ) });\n }\n);\nToolbarLink.displayName = LINK_NAME;\nvar TOGGLE_GROUP_NAME = \"ToolbarToggleGroup\";\nvar ToolbarToggleGroup = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeToolbar, ...toggleGroupProps } = props;\n const context = useToolbarContext(TOGGLE_GROUP_NAME, __scopeToolbar);\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return /* @__PURE__ */ jsx(\n ToggleGroupPrimitive.Root,\n {\n \"data-orientation\": context.orientation,\n dir: context.dir,\n ...toggleGroupScope,\n ...toggleGroupProps,\n ref: forwardedRef,\n rovingFocus: false\n }\n );\n }\n);\nToolbarToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar TOGGLE_ITEM_NAME = \"ToolbarToggleItem\";\nvar ToolbarToggleItem = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeToolbar, ...toggleItemProps } = props;\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n const scope = { __scopeToolbar: props.__scopeToolbar };\n return /* @__PURE__ */ jsx(ToolbarButton, { asChild: true, ...scope, children: /* @__PURE__ */ jsx(ToggleGroupPrimitive.Item, { ...toggleGroupScope, ...toggleItemProps, ref: forwardedRef }) });\n }\n);\nToolbarToggleItem.displayName = TOGGLE_ITEM_NAME;\nvar Root4 = Toolbar;\nvar Separator = ToolbarSeparator;\nvar Button = ToolbarButton;\nvar Link = ToolbarLink;\nvar ToggleGroup = ToolbarToggleGroup;\nvar ToggleItem = ToolbarToggleItem;\nexport {\n Button,\n Link,\n Root4 as Root,\n Separator,\n ToggleGroup,\n ToggleItem,\n Toolbar,\n ToolbarButton,\n ToolbarLink,\n ToolbarSeparator,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n createToolbarScope\n};\n//# sourceMappingURL=index.mjs.map\n","import React, { createContext, useContext, ReactNode } from \"react\";\n\ninterface ToolbarContextValue {\n\tfocus: \"high\" | \"low\";\n}\n\nconst ToolbarContext = createContext<ToolbarContextValue | undefined>(undefined);\n\nexport interface ToolbarProviderProps {\n\tchildren: ReactNode;\n\tfocus?: \"high\" | \"low\";\n}\n\nexport const ToolbarProvider: React.FC<ToolbarProviderProps> = ({ children, focus = \"high\" }) => {\n\treturn <ToolbarContext.Provider value={{ focus }}>{children}</ToolbarContext.Provider>;\n};\n\nexport const useToolbarContext = (): ToolbarContextValue => {\n\tconst context = useContext(ToolbarContext);\n\n\tif (context === undefined) {\n\t\tthrow new Error(\"useToolbarContext должен использоваться внутри ToolbarProvider\");\n\t}\n\n\treturn context;\n};\n","import * as ToolbarPrimitive from \"@radix-ui/react-toolbar\";\nimport React, { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Divider } from \"../divider/Divider\";\nimport { Icon } from \"../icon\";\nimport { ChevronDown, LucideIcon } from \"lucide-react\";\nimport { ScrollArea } from \"../scroll-area/ScrollArea\";\nimport { ToolbarProvider, ToolbarProviderProps, useToolbarContext } from \"./ToolbarContext\";\n\nconst toolbarStyles = tv({\n\tslots: {\n\t\twrapper: \"flex items-center gap-1 p-1.5 lg:rounded-lg lg:p-1\",\n\t\tscrollbar: \"h-1.5 border-t-0 px-1.5\",\n\t\tthumb: \"\",\n\t\tscrollarea: \"lg:rounded-lg\"\n\t},\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: {\n\t\t\t\twrapper: \"border border-secondary-border bg-secondary-bg\",\n\t\t\t\tscrollarea: \"bg-secondary-bg lg:shadow-soft-sm\",\n\t\t\t\tthumb: \"bg-primary-border\"\n\t\t\t},\n\t\t\thigh: {\n\t\t\t\twrapper: \"bg-inverse-secondary-bg\",\n\t\t\t\tscrollarea: \"bg-inverse-secondary-bg lg:shadow-hard-base\",\n\t\t\t\tthumb: \"bg-inverse-active\"\n\t\t\t}\n\t\t}\n\t}\n});\n\nexport type ToolbarProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.Root> &\n\tPick<ToolbarProviderProps, \"focus\">;\n\nexport const Toolbar = React.forwardRef<React.ElementRef<typeof ToolbarPrimitive.Root>, ToolbarProps>(\n\t({ className, focus = \"high\", ...props }, ref) => {\n\t\tconst styles = toolbarStyles();\n\n\t\treturn (\n\t\t\t<ToolbarProvider focus={focus}>\n\t\t\t\t<ScrollArea\n\t\t\t\t\ttype=\"always\"\n\t\t\t\t\tthumbClassName={styles.thumb({ focus })}\n\t\t\t\t\tscrollbarClassName={styles.scrollbar()}\n\t\t\t\t\tclassName={styles.scrollarea({ focus })}\n\t\t\t\t\torientation=\"horizontal\"\n\t\t\t\t>\n\t\t\t\t\t<ToolbarPrimitive.Root ref={ref} className={styles.wrapper({ className, focus })} {...props} />\n\t\t\t\t</ScrollArea>\n\t\t\t</ToolbarProvider>\n\t\t);\n\t}\n);\n\nToolbar.displayName = \"Toolbar\";\n\nconst toolbarButtonStyles = tv({\n\tbase: \"group inline-flex items-center justify-center gap-1.5 rounded-sm p-1.5 focus-visible:shadow-focus focus-visible:outline-none\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"hover:bg-secondary-bg-hover\",\n\t\t\thigh: \"hover:bg-inverse-hover\"\n\t\t}\n\t}\n});\n\nexport type ToolbarButtonProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarButton>;\n\nexport const ToolbarButton = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarButtonProps\n>(({ className, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\tconst styles = toolbarButtonStyles({ className, focus });\n\treturn <ToolbarPrimitive.ToolbarButton ref={ref} className={styles} {...props} />;\n});\n\nToolbarButton.displayName = \"ToolbarButton\";\n\nconst toolbarIconStyles = tv({\n\tbase: \"h-4 w-4\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"stroke-[1.5px] text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarIconProps = React.ComponentPropsWithoutRef<typeof Icon>;\n\nexport const ToolbarIcon = React.forwardRef<React.ElementRef<typeof Icon>, ToolbarIconProps>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\treturn <Icon ref={ref} className={toolbarIconStyles({ className, focus })} {...props} />;\n\t}\n);\n\nToolbarIcon.displayName = \"ToolbarIcon\";\n\nconst toolbarTextStyles = tv({\n\tbase: \"text-base leading-none\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarTextProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const ToolbarText = React.forwardRef<HTMLDivElement, PropsWithChildren<ToolbarTextProps>>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\treturn <div ref={ref} className={toolbarTextStyles({ className, focus })} {...props} />;\n\t}\n);\n\nToolbarText.displayName = \"ToolbarText\";\n\nconst toolbarSubTriggerStyles = tv({\n\tbase: \"\",\n\tslots: {\n\t\ticon: \"h-2 w-2 stroke-[3px]\"\n\t},\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarSubTriggerProps = Omit<React.ComponentPropsWithoutRef<typeof Icon>, \"icon\"> & {\n\ticon?: LucideIcon;\n};\n\nexport const ToolbarSubTrigger = React.forwardRef<React.ElementRef<typeof Icon>, ToolbarSubTriggerProps>(\n\t({ className, icon, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\tconst styles = toolbarSubTriggerStyles();\n\t\treturn (\n\t\t\t<span className={styles.base({ className, focus })}>\n\t\t\t\t<Icon icon={icon || ChevronDown} ref={ref} className={styles.icon({ focus })} {...props} />\n\t\t\t</span>\n\t\t);\n\t}\n);\n\nToolbarSubTrigger.displayName = \"ToolbarSubTrigger\";\n\nconst toolbarToggleGroupStyles = tv({\n\tbase: [\"flex items-center gap-1\"]\n});\n\nexport type ToolbarToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToggleGroup>;\n\nexport const ToolbarToggleGroup = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToggleGroup>,\n\tToolbarToggleGroupProps\n>(({ className, ...props }, ref) => {\n\tconst styles = toolbarToggleGroupStyles({ className });\n\treturn <ToolbarPrimitive.ToggleGroup ref={ref} className={styles} {...props} />;\n});\nToolbarToggleGroup.displayName = ToolbarPrimitive.ToggleGroup.displayName;\n\nconst toolbarToggleStyles = tv({\n\textend: toolbarButtonStyles,\n\tbase: \"disabled:pointer-events-none disabled:opacity-50\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"data-[state=on]:bg-primary-bg-hover\",\n\t\t\thigh: \"data-[state=on]:bg-inverse-active\"\n\t\t}\n\t}\n});\n\nexport type ToolbarToggleItemProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarToggleItem> & {\n\tchildren: React.ReactNode;\n};\n\nexport const ToolbarToggleItem = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarToggleItem>,\n\tToolbarToggleItemProps\n>(({ className, children, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\tconst styles = toolbarToggleStyles({ className, focus });\n\n\treturn (\n\t\t<ToolbarPrimitive.ToolbarToggleItem ref={ref} className={styles} {...props}>\n\t\t\t{children}\n\t\t</ToolbarPrimitive.ToolbarToggleItem>\n\t);\n});\n\nToolbarToggleItem.displayName = \"ToolbarToggleItem\";\n\nconst toolbarDividerStyles = tv({\n\tbase: \"h-5 w-px\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"bg-secondary-border\",\n\t\t\thigh: \"bg-inverse-border\"\n\t\t}\n\t}\n});\n\nexport type ToolbarSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const ToolbarSeparator = React.forwardRef<React.ElementRef<typeof Divider>, ToolbarSeparatorProps>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\tconst styles = toolbarDividerStyles({ className, focus });\n\t\treturn (\n\t\t\t<ToolbarPrimitive.ToolbarSeparator asChild data-orientation=\"vertical\">\n\t\t\t\t<Divider ref={ref} orientation=\"vertical\" className={styles} {...props} />\n\t\t\t</ToolbarPrimitive.ToolbarSeparator>\n\t\t);\n\t}\n);\n\nToolbarSeparator.displayName = \"ToolbarSeparator\";\n\nconst toolbarTriggerChevronStyles = tv({\n\tslots: {\n\t\twrapper: \"\",\n\t\tsubtrigger: \"py-0.5\"\n\t},\n\tvariants: {\n\t\tsub: {\n\t\t\ttrue: { wrapper: \"-ml-0.5 px-0.5 py-2\" }\n\t\t}\n\t}\n});\n\nexport type ToolbarTriggerChevronProps = ToolbarTriggerProps & {\n\tsub?: boolean;\n};\n\nexport const ToolbarTriggerChevron = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarTriggerChevronProps\n>(({ className, children, sub, ...props }, ref) => {\n\tconst styles = toolbarTriggerChevronStyles();\n\n\treturn (\n\t\t<ToolbarTrigger ref={ref} data-stick-left className={styles.wrapper({ className, sub })} {...props}>\n\t\t\t{children}\n\t\t\t<ToolbarSubTrigger className={styles.subtrigger()} />\n\t\t</ToolbarTrigger>\n\t);\n});\n\nToolbarTriggerChevron.displayName = \"ToolbarTriggerChevron \";\n\nconst toolbarTriggerStyles = tv({\n\tbase: \"\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"data-[state=open]:bg-primary-bg-hover\",\n\t\t\thigh: \"data-[state=open]:bg-inverse-active\"\n\t\t}\n\t}\n});\n\nexport type ToolbarTriggerProps = ToolbarButtonProps & {\n\t\"data-state\"?: \"open\" | \"closed\";\n};\n\nexport const ToolbarTrigger = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarTriggerProps\n>(({ className, children, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\n\treturn (\n\t\t<ToolbarButton ref={ref} data-stick-left className={toolbarTriggerStyles({ className, focus })} {...props}>\n\t\t\t{children}\n\t\t</ToolbarButton>\n\t);\n});\n\nToolbarTrigger.displayName = \"ToolbarTrigger\";\n"],"names":["NAME","DEFAULT_ORIENTATION","ORIENTATIONS","Separator","React","props","forwardedRef","decorative","orientationProp","domProps","orientation","isValidOrientation","semanticProps","jsx","Primitive","Root","TOOLBAR_NAME","createToolbarContext","createToolbarScope","createContextScope","createRovingFocusGroupScope","createToggleGroupScope","useRovingFocusGroupScope","useToggleGroupScope","ToolbarProvider","useToolbarContext","Toolbar","__scopeToolbar","dir","loop","toolbarProps","rovingFocusGroupScope","direction","useDirection","RovingFocusGroup.Root","SEPARATOR_NAME","ToolbarSeparator","separatorProps","context","SeparatorPrimitive.Root","BUTTON_NAME","ToolbarButton","buttonProps","RovingFocusGroup.Item","LINK_NAME","ToolbarLink","linkProps","composeEventHandlers","event","TOGGLE_GROUP_NAME","ToolbarToggleGroup","toggleGroupProps","toggleGroupScope","ToggleGroupPrimitive.Root","TOGGLE_ITEM_NAME","ToolbarToggleItem","toggleItemProps","scope","ToggleGroupPrimitive.Item","Root4","ToggleGroup","ToolbarContext","createContext","children","focus","useContext","toolbarStyles","tv","className","ref","styles","ScrollArea","ToolbarPrimitive.Root","toolbarButtonStyles","ToolbarPrimitive.ToolbarButton","toolbarIconStyles","ToolbarIcon","Icon","toolbarTextStyles","ToolbarText","toolbarSubTriggerStyles","ToolbarSubTrigger","icon","ChevronDown","toolbarToggleGroupStyles","ToolbarPrimitive.ToggleGroup","toolbarToggleStyles","ToolbarPrimitive.ToolbarToggleItem","toolbarDividerStyles","ToolbarPrimitive.ToolbarSeparator","Divider","toolbarTriggerChevronStyles","ToolbarTriggerChevron","sub","jsxs","ToolbarTrigger","toolbarTriggerStyles"],"mappings":"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","x_google_ignoreList":[0,1]}
|
|
1
|
+
{"version":3,"file":"toolbar.js","sources":["../../src/components/toolbar/ToolbarContext.tsx","../../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\n\ninterface ToolbarContextValue {\n\tfocus: \"high\" | \"low\";\n}\n\nconst ToolbarContext = createContext<ToolbarContextValue | undefined>(undefined);\n\nexport interface ToolbarProviderProps {\n\tchildren: ReactNode;\n\tfocus?: \"high\" | \"low\";\n}\n\nexport const ToolbarProvider: React.FC<ToolbarProviderProps> = ({ children, focus = \"high\" }) => {\n\treturn <ToolbarContext.Provider value={{ focus }}>{children}</ToolbarContext.Provider>;\n};\n\nexport const useToolbarContext = (): ToolbarContextValue => {\n\tconst context = useContext(ToolbarContext);\n\n\tif (context === undefined) {\n\t\tthrow new Error(\"useToolbarContext должен использоваться внутри ToolbarProvider\");\n\t}\n\n\treturn context;\n};\n","import * as ToolbarPrimitive from \"@radix-ui/react-toolbar\";\nimport React, { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Divider } from \"../divider/Divider\";\nimport { Icon } from \"../icon\";\nimport { ChevronDown, LucideIcon } from \"lucide-react\";\nimport { ScrollArea } from \"../scroll-area/ScrollArea\";\nimport { ToolbarProvider, ToolbarProviderProps, useToolbarContext } from \"./ToolbarContext\";\n\nconst toolbarStyles = tv({\n\tslots: {\n\t\twrapper: \"flex items-center gap-1 p-1.5 lg:rounded-lg lg:p-1\",\n\t\tscrollbar: \"h-1.5 border-t-0 px-1.5\",\n\t\tthumb: \"\",\n\t\tscrollarea: \"lg:rounded-lg\"\n\t},\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: {\n\t\t\t\twrapper: \"border border-secondary-border bg-secondary-bg\",\n\t\t\t\tscrollarea: \"bg-secondary-bg lg:shadow-soft-sm\",\n\t\t\t\tthumb: \"bg-primary-border\"\n\t\t\t},\n\t\t\thigh: {\n\t\t\t\twrapper: \"bg-inverse-secondary-bg\",\n\t\t\t\tscrollarea: \"bg-inverse-secondary-bg lg:shadow-hard-base\",\n\t\t\t\tthumb: \"bg-inverse-active\"\n\t\t\t}\n\t\t}\n\t}\n});\n\nexport type ToolbarProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.Root> &\n\tPick<ToolbarProviderProps, \"focus\">;\n\nexport const Toolbar = React.forwardRef<React.ElementRef<typeof ToolbarPrimitive.Root>, ToolbarProps>(\n\t({ className, focus = \"high\", ...props }, ref) => {\n\t\tconst styles = toolbarStyles();\n\n\t\treturn (\n\t\t\t<ToolbarProvider focus={focus}>\n\t\t\t\t<ScrollArea\n\t\t\t\t\ttype=\"always\"\n\t\t\t\t\tthumbClassName={styles.thumb({ focus })}\n\t\t\t\t\tscrollbarClassName={styles.scrollbar()}\n\t\t\t\t\tclassName={styles.scrollarea({ focus })}\n\t\t\t\t\torientation=\"horizontal\"\n\t\t\t\t>\n\t\t\t\t\t<ToolbarPrimitive.Root ref={ref} className={styles.wrapper({ className, focus })} {...props} />\n\t\t\t\t</ScrollArea>\n\t\t\t</ToolbarProvider>\n\t\t);\n\t}\n);\n\nToolbar.displayName = \"Toolbar\";\n\nconst toolbarButtonStyles = tv({\n\tbase: \"group inline-flex items-center justify-center gap-1.5 rounded-sm p-1.5 focus-visible:shadow-focus focus-visible:outline-none\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"hover:bg-secondary-bg-hover\",\n\t\t\thigh: \"hover:bg-inverse-hover\"\n\t\t}\n\t}\n});\n\nexport type ToolbarButtonProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarButton>;\n\nexport const ToolbarButton = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarButtonProps\n>(({ className, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\tconst styles = toolbarButtonStyles({ className, focus });\n\treturn <ToolbarPrimitive.ToolbarButton ref={ref} className={styles} {...props} />;\n});\n\nToolbarButton.displayName = \"ToolbarButton\";\n\nconst toolbarIconStyles = tv({\n\tbase: \"h-4 w-4\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"stroke-[1.5px] text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarIconProps = React.ComponentPropsWithoutRef<typeof Icon>;\n\nexport const ToolbarIcon = React.forwardRef<React.ElementRef<typeof Icon>, ToolbarIconProps>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\treturn <Icon ref={ref} className={toolbarIconStyles({ className, focus })} {...props} />;\n\t}\n);\n\nToolbarIcon.displayName = \"ToolbarIcon\";\n\nconst toolbarTextStyles = tv({\n\tbase: \"text-base leading-none\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarTextProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const ToolbarText = React.forwardRef<HTMLDivElement, PropsWithChildren<ToolbarTextProps>>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\treturn <div ref={ref} className={toolbarTextStyles({ className, focus })} {...props} />;\n\t}\n);\n\nToolbarText.displayName = \"ToolbarText\";\n\nconst toolbarSubTriggerStyles = tv({\n\tbase: \"\",\n\tslots: {\n\t\ticon: \"h-2 w-2 stroke-[3px]\"\n\t},\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarSubTriggerProps = Omit<React.ComponentPropsWithoutRef<typeof Icon>, \"icon\"> & {\n\ticon?: LucideIcon;\n};\n\nexport const ToolbarSubTrigger = React.forwardRef<React.ElementRef<typeof Icon>, ToolbarSubTriggerProps>(\n\t({ className, icon, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\tconst styles = toolbarSubTriggerStyles();\n\t\treturn (\n\t\t\t<span className={styles.base({ className, focus })}>\n\t\t\t\t<Icon icon={icon || ChevronDown} ref={ref} className={styles.icon({ focus })} {...props} />\n\t\t\t</span>\n\t\t);\n\t}\n);\n\nToolbarSubTrigger.displayName = \"ToolbarSubTrigger\";\n\nconst toolbarToggleGroupStyles = tv({\n\tbase: \"flex items-center gap-1\"\n});\n\nexport type ToolbarToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToggleGroup>;\n\nexport const ToolbarToggleGroup = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToggleGroup>,\n\tToolbarToggleGroupProps\n>(({ className, ...props }, ref) => {\n\tconst styles = toolbarToggleGroupStyles({ className });\n\treturn <ToolbarPrimitive.ToggleGroup ref={ref} className={styles} {...props} />;\n});\nToolbarToggleGroup.displayName = ToolbarPrimitive.ToggleGroup.displayName;\n\nconst toolbarToggleStyles = tv({\n\textend: toolbarButtonStyles,\n\tbase: \"disabled:pointer-events-none disabled:opacity-50\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"data-[state=on]:bg-primary-bg-hover\",\n\t\t\thigh: \"data-[state=on]:bg-inverse-active\"\n\t\t}\n\t}\n});\n\nexport type ToolbarToggleItemProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarToggleItem> & {\n\tchildren: React.ReactNode;\n};\n\nexport const ToolbarToggleItem = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarToggleItem>,\n\tToolbarToggleItemProps\n>(({ className, children, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\tconst styles = toolbarToggleStyles({ className, focus });\n\n\treturn (\n\t\t<ToolbarPrimitive.ToolbarToggleItem ref={ref} className={styles} {...props}>\n\t\t\t{children}\n\t\t</ToolbarPrimitive.ToolbarToggleItem>\n\t);\n});\n\nToolbarToggleItem.displayName = \"ToolbarToggleItem\";\n\nconst toolbarDividerStyles = tv({\n\tbase: \"h-5 w-px\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"bg-secondary-border\",\n\t\t\thigh: \"bg-inverse-border\"\n\t\t}\n\t}\n});\n\nexport type ToolbarSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const ToolbarSeparator = React.forwardRef<React.ElementRef<typeof Divider>, ToolbarSeparatorProps>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\tconst styles = toolbarDividerStyles({ className, focus });\n\t\treturn (\n\t\t\t<ToolbarPrimitive.ToolbarSeparator asChild data-orientation=\"vertical\">\n\t\t\t\t<Divider ref={ref} orientation=\"vertical\" className={styles} {...props} />\n\t\t\t</ToolbarPrimitive.ToolbarSeparator>\n\t\t);\n\t}\n);\n\nToolbarSeparator.displayName = \"ToolbarSeparator\";\n\nconst toolbarTriggerChevronStyles = tv({\n\tslots: {\n\t\twrapper: \"\",\n\t\tsubtrigger: \"py-0.5\"\n\t},\n\tvariants: {\n\t\tsub: {\n\t\t\ttrue: { wrapper: \"-ml-0.5 px-0.5 py-2\" }\n\t\t}\n\t}\n});\n\nexport type ToolbarTriggerChevronProps = ToolbarTriggerProps & {\n\tsub?: boolean;\n};\n\nexport const ToolbarTriggerChevron = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarTriggerChevronProps\n>(({ className, children, sub, ...props }, ref) => {\n\tconst styles = toolbarTriggerChevronStyles();\n\n\treturn (\n\t\t<ToolbarTrigger ref={ref} data-stick-left className={styles.wrapper({ className, sub })} {...props}>\n\t\t\t{children}\n\t\t\t<ToolbarSubTrigger className={styles.subtrigger()} />\n\t\t</ToolbarTrigger>\n\t);\n});\n\nToolbarTriggerChevron.displayName = \"ToolbarTriggerChevron \";\n\nconst toolbarTriggerStyles = tv({\n\tbase: \"\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"data-[state=open]:bg-primary-bg-hover\",\n\t\t\thigh: \"data-[state=open]:bg-inverse-active\"\n\t\t}\n\t}\n});\n\nexport type ToolbarTriggerProps = ToolbarButtonProps & {\n\t\"data-state\"?: \"open\" | \"closed\";\n};\n\nexport const ToolbarTrigger = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarTriggerProps\n>(({ className, children, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\n\treturn (\n\t\t<ToolbarButton ref={ref} data-stick-left className={toolbarTriggerStyles({ className, focus })} {...props}>\n\t\t\t{children}\n\t\t</ToolbarButton>\n\t);\n});\n\nToolbarTrigger.displayName = \"ToolbarTrigger\";\n"],"names":["ToolbarContext","createContext","ToolbarProvider","children","focus","jsx","useToolbarContext","context","useContext","toolbarStyles","tv","Toolbar","React","className","props","ref","styles","ScrollArea","ToolbarPrimitive.Root","toolbarButtonStyles","ToolbarButton","ToolbarPrimitive.ToolbarButton","toolbarIconStyles","ToolbarIcon","Icon","toolbarTextStyles","ToolbarText","toolbarSubTriggerStyles","ToolbarSubTrigger","icon","ChevronDown","toolbarToggleGroupStyles","ToolbarToggleGroup","ToolbarPrimitive.ToggleGroup","toolbarToggleStyles","ToolbarToggleItem","ToolbarPrimitive.ToolbarToggleItem","toolbarDividerStyles","ToolbarSeparator","ToolbarPrimitive.ToolbarSeparator","Divider","toolbarTriggerChevronStyles","ToolbarTriggerChevron","sub","jsxs","ToolbarTrigger","toolbarTriggerStyles"],"mappings":"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"}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import * as s from "react";
|
|
2
|
+
import { P as c, c as O } from "./index-CFaU3UXv.js";
|
|
3
|
+
import { c as P } from "./index-DFZozV_h.js";
|
|
4
|
+
import { c as b, R as A, I as f } from "./index-DHyZ_0Ut.js";
|
|
5
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
6
|
+
import { c as m, R as I, I as y } from "./index-CLuiUUQ8.js";
|
|
7
|
+
import { u as w } from "./index-ByaXH_ih.js";
|
|
8
|
+
var M = "Separator", v = "horizontal", x = ["horizontal", "vertical"], g = s.forwardRef((o, t) => {
|
|
9
|
+
const { decorative: a, orientation: r = v, ...e } = o, i = C(r) ? r : v, l = a ? { role: "none" } : { "aria-orientation": i === "vertical" ? i : void 0, role: "separator" };
|
|
10
|
+
return /* @__PURE__ */ n(
|
|
11
|
+
c.div,
|
|
12
|
+
{
|
|
13
|
+
"data-orientation": i,
|
|
14
|
+
...l,
|
|
15
|
+
...e,
|
|
16
|
+
ref: t
|
|
17
|
+
}
|
|
18
|
+
);
|
|
19
|
+
});
|
|
20
|
+
g.displayName = M;
|
|
21
|
+
function C(o) {
|
|
22
|
+
return x.includes(o);
|
|
23
|
+
}
|
|
24
|
+
var F = g, u = "Toolbar", [L, W] = P(u, [
|
|
25
|
+
b,
|
|
26
|
+
m
|
|
27
|
+
]), T = b(), _ = m(), [k, R] = L(u), N = s.forwardRef(
|
|
28
|
+
(o, t) => {
|
|
29
|
+
const { __scopeToolbar: a, orientation: r = "horizontal", dir: e, loop: i = !0, ...d } = o, l = T(a), p = w(e);
|
|
30
|
+
return /* @__PURE__ */ n(k, { scope: a, orientation: r, dir: p, children: /* @__PURE__ */ n(
|
|
31
|
+
A,
|
|
32
|
+
{
|
|
33
|
+
asChild: !0,
|
|
34
|
+
...l,
|
|
35
|
+
orientation: r,
|
|
36
|
+
dir: p,
|
|
37
|
+
loop: i,
|
|
38
|
+
children: /* @__PURE__ */ n(
|
|
39
|
+
c.div,
|
|
40
|
+
{
|
|
41
|
+
role: "toolbar",
|
|
42
|
+
"aria-orientation": r,
|
|
43
|
+
dir: p,
|
|
44
|
+
...d,
|
|
45
|
+
ref: t
|
|
46
|
+
}
|
|
47
|
+
)
|
|
48
|
+
}
|
|
49
|
+
) });
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
N.displayName = u;
|
|
53
|
+
var G = "ToolbarSeparator", z = s.forwardRef(
|
|
54
|
+
(o, t) => {
|
|
55
|
+
const { __scopeToolbar: a, ...r } = o, e = R(G, a);
|
|
56
|
+
return /* @__PURE__ */ n(
|
|
57
|
+
F,
|
|
58
|
+
{
|
|
59
|
+
orientation: e.orientation === "horizontal" ? "vertical" : "horizontal",
|
|
60
|
+
...r,
|
|
61
|
+
ref: t
|
|
62
|
+
}
|
|
63
|
+
);
|
|
64
|
+
}
|
|
65
|
+
);
|
|
66
|
+
z.displayName = G;
|
|
67
|
+
var B = "ToolbarButton", S = s.forwardRef(
|
|
68
|
+
(o, t) => {
|
|
69
|
+
const { __scopeToolbar: a, ...r } = o, e = T(a);
|
|
70
|
+
return /* @__PURE__ */ n(f, { asChild: !0, ...e, focusable: !o.disabled, children: /* @__PURE__ */ n(c.button, { type: "button", ...r, ref: t }) });
|
|
71
|
+
}
|
|
72
|
+
);
|
|
73
|
+
S.displayName = B;
|
|
74
|
+
var D = "ToolbarLink", K = s.forwardRef(
|
|
75
|
+
(o, t) => {
|
|
76
|
+
const { __scopeToolbar: a, ...r } = o, e = T(a);
|
|
77
|
+
return /* @__PURE__ */ n(f, { asChild: !0, ...e, focusable: !0, children: /* @__PURE__ */ n(
|
|
78
|
+
c.a,
|
|
79
|
+
{
|
|
80
|
+
...r,
|
|
81
|
+
ref: t,
|
|
82
|
+
onKeyDown: O(o.onKeyDown, (i) => {
|
|
83
|
+
i.key === " " && i.currentTarget.click();
|
|
84
|
+
})
|
|
85
|
+
}
|
|
86
|
+
) });
|
|
87
|
+
}
|
|
88
|
+
);
|
|
89
|
+
K.displayName = D;
|
|
90
|
+
var E = "ToolbarToggleGroup", h = s.forwardRef(
|
|
91
|
+
(o, t) => {
|
|
92
|
+
const { __scopeToolbar: a, ...r } = o, e = R(E, a), i = _(a);
|
|
93
|
+
return /* @__PURE__ */ n(
|
|
94
|
+
I,
|
|
95
|
+
{
|
|
96
|
+
"data-orientation": e.orientation,
|
|
97
|
+
dir: e.dir,
|
|
98
|
+
...i,
|
|
99
|
+
...r,
|
|
100
|
+
ref: t,
|
|
101
|
+
rovingFocus: !1
|
|
102
|
+
}
|
|
103
|
+
);
|
|
104
|
+
}
|
|
105
|
+
);
|
|
106
|
+
h.displayName = E;
|
|
107
|
+
var U = "ToolbarToggleItem", j = s.forwardRef(
|
|
108
|
+
(o, t) => {
|
|
109
|
+
const { __scopeToolbar: a, ...r } = o, e = _(a), i = { __scopeToolbar: o.__scopeToolbar };
|
|
110
|
+
return /* @__PURE__ */ n(S, { asChild: !0, ...i, children: /* @__PURE__ */ n(y, { ...e, ...r, ref: t }) });
|
|
111
|
+
}
|
|
112
|
+
);
|
|
113
|
+
j.displayName = U;
|
|
114
|
+
var X = N, Y = h;
|
|
115
|
+
export {
|
|
116
|
+
X as R,
|
|
117
|
+
S as T,
|
|
118
|
+
Y as a,
|
|
119
|
+
j as b,
|
|
120
|
+
z as c
|
|
121
|
+
};
|
|
122
|
+
//# sourceMappingURL=index-BDrapWDv.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-BDrapWDv.js","sources":["../node_modules/.pnpm/@radix-ui+react-separator@1.1.7_@types+react-dom@18.3.6_@types+react@18.3.20__@types+re_3cab2173b21cab89052082793cdd8770/node_modules/@radix-ui/react-separator/dist/index.mjs","../node_modules/.pnpm/@radix-ui+react-toolbar@1.1.11_@types+react-dom@18.3.6_@types+react@18.3.20__@types+rea_e665a8a61a53048a6b7ca3c339815ce4/node_modules/@radix-ui/react-toolbar/dist/index.mjs"],"sourcesContent":["// src/separator.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Separator\";\nvar DEFAULT_ORIENTATION = \"horizontal\";\nvar ORIENTATIONS = [\"horizontal\", \"vertical\"];\nvar Separator = React.forwardRef((props, forwardedRef) => {\n const { decorative, orientation: orientationProp = DEFAULT_ORIENTATION, ...domProps } = props;\n const orientation = isValidOrientation(orientationProp) ? orientationProp : DEFAULT_ORIENTATION;\n const ariaOrientation = orientation === \"vertical\" ? orientation : void 0;\n const semanticProps = decorative ? { role: \"none\" } : { \"aria-orientation\": ariaOrientation, role: \"separator\" };\n return /* @__PURE__ */ jsx(\n Primitive.div,\n {\n \"data-orientation\": orientation,\n ...semanticProps,\n ...domProps,\n ref: forwardedRef\n }\n );\n});\nSeparator.displayName = NAME;\nfunction isValidOrientation(orientation) {\n return ORIENTATIONS.includes(orientation);\n}\nvar Root = Separator;\nexport {\n Root,\n Separator\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// src/toolbar.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport { createToggleGroupScope } from \"@radix-ui/react-toggle-group\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TOOLBAR_NAME = \"Toolbar\";\nvar [createToolbarContext, createToolbarScope] = createContextScope(TOOLBAR_NAME, [\n createRovingFocusGroupScope,\n createToggleGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar useToggleGroupScope = createToggleGroupScope();\nvar [ToolbarProvider, useToolbarContext] = createToolbarContext(TOOLBAR_NAME);\nvar Toolbar = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeToolbar, orientation = \"horizontal\", dir, loop = true, ...toolbarProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n const direction = useDirection(dir);\n return /* @__PURE__ */ jsx(ToolbarProvider, { scope: __scopeToolbar, orientation, dir: direction, children: /* @__PURE__ */ jsx(\n RovingFocusGroup.Root,\n {\n asChild: true,\n ...rovingFocusGroupScope,\n orientation,\n dir: direction,\n loop,\n children: /* @__PURE__ */ jsx(\n Primitive.div,\n {\n role: \"toolbar\",\n \"aria-orientation\": orientation,\n dir: direction,\n ...toolbarProps,\n ref: forwardedRef\n }\n )\n }\n ) });\n }\n);\nToolbar.displayName = TOOLBAR_NAME;\nvar SEPARATOR_NAME = \"ToolbarSeparator\";\nvar ToolbarSeparator = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeToolbar, ...separatorProps } = props;\n const context = useToolbarContext(SEPARATOR_NAME, __scopeToolbar);\n return /* @__PURE__ */ jsx(\n SeparatorPrimitive.Root,\n {\n orientation: context.orientation === \"horizontal\" ? \"vertical\" : \"horizontal\",\n ...separatorProps,\n ref: forwardedRef\n }\n );\n }\n);\nToolbarSeparator.displayName = SEPARATOR_NAME;\nvar BUTTON_NAME = \"ToolbarButton\";\nvar ToolbarButton = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeToolbar, ...buttonProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return /* @__PURE__ */ jsx(RovingFocusGroup.Item, { asChild: true, ...rovingFocusGroupScope, focusable: !props.disabled, children: /* @__PURE__ */ jsx(Primitive.button, { type: \"button\", ...buttonProps, ref: forwardedRef }) });\n }\n);\nToolbarButton.displayName = BUTTON_NAME;\nvar LINK_NAME = \"ToolbarLink\";\nvar ToolbarLink = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeToolbar, ...linkProps } = props;\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToolbar);\n return /* @__PURE__ */ jsx(RovingFocusGroup.Item, { asChild: true, ...rovingFocusGroupScope, focusable: true, children: /* @__PURE__ */ jsx(\n Primitive.a,\n {\n ...linkProps,\n ref: forwardedRef,\n onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === \" \") event.currentTarget.click();\n })\n }\n ) });\n }\n);\nToolbarLink.displayName = LINK_NAME;\nvar TOGGLE_GROUP_NAME = \"ToolbarToggleGroup\";\nvar ToolbarToggleGroup = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeToolbar, ...toggleGroupProps } = props;\n const context = useToolbarContext(TOGGLE_GROUP_NAME, __scopeToolbar);\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n return /* @__PURE__ */ jsx(\n ToggleGroupPrimitive.Root,\n {\n \"data-orientation\": context.orientation,\n dir: context.dir,\n ...toggleGroupScope,\n ...toggleGroupProps,\n ref: forwardedRef,\n rovingFocus: false\n }\n );\n }\n);\nToolbarToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar TOGGLE_ITEM_NAME = \"ToolbarToggleItem\";\nvar ToolbarToggleItem = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeToolbar, ...toggleItemProps } = props;\n const toggleGroupScope = useToggleGroupScope(__scopeToolbar);\n const scope = { __scopeToolbar: props.__scopeToolbar };\n return /* @__PURE__ */ jsx(ToolbarButton, { asChild: true, ...scope, children: /* @__PURE__ */ jsx(ToggleGroupPrimitive.Item, { ...toggleGroupScope, ...toggleItemProps, ref: forwardedRef }) });\n }\n);\nToolbarToggleItem.displayName = TOGGLE_ITEM_NAME;\nvar Root4 = Toolbar;\nvar Separator = ToolbarSeparator;\nvar Button = ToolbarButton;\nvar Link = ToolbarLink;\nvar ToggleGroup = ToolbarToggleGroup;\nvar ToggleItem = ToolbarToggleItem;\nexport {\n Button,\n Link,\n Root4 as Root,\n Separator,\n ToggleGroup,\n ToggleItem,\n Toolbar,\n ToolbarButton,\n ToolbarLink,\n ToolbarSeparator,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n createToolbarScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["NAME","DEFAULT_ORIENTATION","ORIENTATIONS","Separator","React","props","forwardedRef","decorative","orientationProp","domProps","orientation","isValidOrientation","semanticProps","jsx","Primitive","Root","TOOLBAR_NAME","createToolbarContext","createToolbarScope","createContextScope","createRovingFocusGroupScope","createToggleGroupScope","useRovingFocusGroupScope","useToggleGroupScope","ToolbarProvider","useToolbarContext","Toolbar","__scopeToolbar","dir","loop","toolbarProps","rovingFocusGroupScope","direction","useDirection","RovingFocusGroup.Root","SEPARATOR_NAME","ToolbarSeparator","separatorProps","context","SeparatorPrimitive.Root","BUTTON_NAME","ToolbarButton","buttonProps","RovingFocusGroup.Item","LINK_NAME","ToolbarLink","linkProps","composeEventHandlers","event","TOGGLE_GROUP_NAME","ToolbarToggleGroup","toggleGroupProps","toggleGroupScope","ToggleGroupPrimitive.Root","TOGGLE_ITEM_NAME","ToolbarToggleItem","toggleItemProps","scope","ToggleGroupPrimitive.Item","Root4","ToggleGroup"],"mappings":"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","x_google_ignoreList":[0,1]}
|