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.
@@ -16,3 +16,4 @@ export default meta;
16
16
  type Story = StoryObj<typeof Sidebar>;
17
17
  export declare const Default: Story;
18
18
  export declare const WithInsertionLine: Story;
19
+ export declare const InModal: Story;
@@ -1,129 +1,17 @@
1
- import { jsx as s, jsxs as B } from "react/jsx-runtime";
2
- import * as c from "react";
3
- import l, { createContext as F, useContext as L } from "react";
4
- import { P as b, c as z } from "../index-CFaU3UXv.js";
5
- import { c as j } from "../index-DFZozV_h.js";
6
- import { c as h, R as K, I as y } from "../index-DHyZ_0Ut.js";
7
- import { c as N, R as U, I as H } from "../index-CLuiUUQ8.js";
8
- import { u as V } from "../index-ByaXH_ih.js";
9
- import { T as i } from "../index-BVqs-uqP.js";
10
- import { D as q } from "../Divider-DPW5ZhZ8.js";
11
- import { I as w } from "../Icon-DH3ev9GK.js";
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 o;
126
- }, io = i({
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
- }), co = l.forwardRef(
148
- ({ className: o, focus: r = "high", ...a }, e) => {
149
- const t = io();
150
- return /* @__PURE__ */ s(lo, { focus: r, children: /* @__PURE__ */ s(
151
- J,
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: r }),
42
+ thumbClassName: t.thumb({ focus: o }),
155
43
  scrollbarClassName: t.scrollbar(),
156
- className: t.scrollarea({ focus: r }),
44
+ className: t.scrollarea({ focus: o }),
157
45
  orientation: "horizontal",
158
- children: /* @__PURE__ */ s(no, { ref: e, className: t.wrapper({ className: o, focus: r }), ...a })
46
+ children: /* @__PURE__ */ s(y, { ref: a, className: t.wrapper({ className: r, focus: o }), ...e })
159
47
  }
160
48
  ) });
161
49
  }
162
50
  );
163
- co.displayName = "Toolbar";
164
- const k = i({
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
- }), D = l.forwardRef(({ className: o, ...r }, a) => {
173
- const { focus: e } = p(), t = k({ className: o, focus: e });
174
- return /* @__PURE__ */ s(f, { ref: a, className: t, ...r });
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
- D.displayName = "ToolbarButton";
177
- const po = i({
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
- }), bo = l.forwardRef(
186
- ({ className: o, ...r }, a) => {
187
- const { focus: e } = p();
188
- return /* @__PURE__ */ s(w, { ref: a, className: po({ className: o, focus: e }), ...r });
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
- bo.displayName = "ToolbarIcon";
192
- const go = i({
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
- }), uo = l.forwardRef(
201
- ({ className: o, ...r }, a) => {
202
- const { focus: e } = p();
203
- return /* @__PURE__ */ s("div", { ref: a, className: go({ className: o, focus: e }), ...r });
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
- uo.displayName = "ToolbarText";
207
- const mo = i({
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
- }), M = l.forwardRef(
219
- ({ className: o, icon: r, ...a }, e) => {
220
- const { focus: t } = p(), n = mo();
221
- return /* @__PURE__ */ s("span", { className: n.base({ className: o, focus: t }), children: /* @__PURE__ */ s(w, { icon: r || Q, ref: e, className: n.icon({ focus: t }), ...a }) });
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
- M.displayName = "ToolbarSubTrigger";
225
- const fo = i({
226
- base: ["flex items-center gap-1"]
227
- }), vo = l.forwardRef(({ className: o, ...r }, a) => {
228
- const e = fo({ className: o });
229
- return /* @__PURE__ */ s(A, { ref: a, className: e, ...r });
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
- vo.displayName = A.displayName;
232
- const To = i({
233
- extend: k,
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
- }), ho = l.forwardRef(({ className: o, children: r, ...a }, e) => {
242
- const { focus: t } = p(), n = To({ className: o, focus: t });
243
- return /* @__PURE__ */ s(E, { ref: e, className: n, ...a, children: r });
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
- ho.displayName = "ToolbarToggleItem";
246
- const yo = i({
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
- }), No = l.forwardRef(
255
- ({ className: o, ...r }, a) => {
256
- const { focus: e } = p(), t = yo({ className: o, focus: e });
257
- return /* @__PURE__ */ s(G, { asChild: !0, "data-orientation": "vertical", children: /* @__PURE__ */ s(q, { ref: a, orientation: "vertical", className: t, ...r }) });
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
- No.displayName = "ToolbarSeparator";
261
- const wo = i({
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
- }), xo = l.forwardRef(({ className: o, children: r, sub: a, ...e }, t) => {
272
- const n = wo();
273
- return /* @__PURE__ */ B($, { ref: t, "data-stick-left": !0, className: n.wrapper({ className: o, sub: a }), ...e, children: [
274
- r,
275
- /* @__PURE__ */ s(M, { className: n.subtrigger() })
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
- xo.displayName = "ToolbarTriggerChevron ";
279
- const So = i({
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
- }), $ = l.forwardRef(({ className: o, children: r, ...a }, e) => {
288
- const { focus: t } = p();
289
- return /* @__PURE__ */ s(D, { ref: e, "data-stick-left": !0, className: So({ className: o, focus: t }), ...a, children: r });
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
- $.displayName = "ToolbarTrigger";
179
+ f.displayName = "ToolbarTrigger";
292
180
  export {
293
- co as Toolbar,
294
- D as ToolbarButton,
295
- bo as ToolbarIcon,
296
- No as ToolbarSeparator,
297
- M as ToolbarSubTrigger,
298
- uo as ToolbarText,
299
- vo as ToolbarToggleGroup,
300
- ho as ToolbarToggleItem,
301
- $ as ToolbarTrigger,
302
- xo as ToolbarTriggerChevron
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]}