welcome-ui 10.3.4 → 10.3.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/Tabs.css +1 -1
- package/dist/Tabs.js +108 -108
- package/dist/Tooltip.css +1 -1
- package/dist/Tooltip.js +1 -1
- package/dist/types/components/Tooltip/types.d.ts +1 -1
- package/package.json +1 -1
package/dist/Tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_ijogm_2{display:flex;align-items:center;transition-property:background-color,border-color,color,box-shadow;transition-timing-function:ease-in-out;cursor:pointer;border-radius:var(--radius-md);transition-duration:var(--duration-medium);font-weight:var(--font-weight-medium);gap:var(--tabGap);max-height:var(--tabItemMaxHeight);padding-block:var(--tabPaddingBlock);padding-inline:var(--tabPaddingInline);font-size:var(--tabFontSize);background-color:var(--tabItemBackgroundColor, var(--tab-color-background-unchecked-default));color:var(--tabItemColor, var(--tab-color-text-unchecked-default));box-shadow:inset 0 0 0 var(--tabItemBorderSize, var(--tab-border-width-unchecked)) var(--tabItemBorderColor, var(--tab-color-border-unchecked-default)),var(--tabItemBoxShadow, var(--elevation-10))}._root_ijogm_2:focus{outline:none!important;--tabItemColor: var(--tab-color-text-unchecked-pressed);--tabItemBackgroundColor: var(--tab-color-background-unchecked-pressed);--tabItemBorderColor: var(--tab-color-border-unchecked-pressed)}._root_ijogm_2:focus[aria-selected=true]{--tabItemColor: var(--tab-color-text-checked-default);--tabItemBackgroundColor: var(--tab-color-background-checked-default);--tabItemBorderColor: var(--tab-color-border-checked-default)}._root_ijogm_2[aria-selected=true]{--tabItemColor: var(--tab-color-text-checked-default);--tabItemBackgroundColor: var(--tab-color-background-checked-default);--tabItemBorderColor: var(--tab-color-border-checked-default);--tabItemBorderSize: var(--tab-border-width-checked)}._root_ijogm_2[aria-selected=true]:hover{--tabItemColor: var(--tab-color-text-checked-hover);--tabItemBackgroundColor: var(--tab-color-background-checked-hover);--tabItemBorderColor: var(--tab-color-border-checked-hover);--tabItemBorderSize: var(--tab-border-width-checked);--tabItemBoxShadow: var(--elevation-20)}._root_ijogm_2[aria-disabled=true]{cursor:not-allowed;--tabItemColor: var(--button-color-text-secondary-main-disabled);background:repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px),var(--button-color-background-secondary-main-disabled)}._root_ijogm_2:hover:not([aria-selected=true]):not([aria-disabled=true]){--tabItemColor: var(--tab-color-text-unchecked-hover);--tabItemBackgroundColor: var(--tab-color-background-unchecked-hover);--tabItemBorderColor: var(--tab-color-border-unchecked-hover);--tabItemBoxShadow: var(--elevation-20)}._size-lg_ijogm_58{--tabItemMaxHeight: var(--tab-size-max-height-lg);--tabPaddingBlock: var(--tab-padding-block-lg);--tabPaddingInline: var(--tab-padding-inline-lg);--tabFontSize: var(--font-size-sm);--tabGap: var(--tab-gap-content-lg)}._size-md_ijogm_65{--tabItemMaxHeight: var(--tab-size-max-height-md);--tabPaddingBlock: var(--tab-padding-block-md);--tabPaddingInline: var(--tab-padding-inline-md);--tabFontSize: var(--font-size-xs);--tabGap: var(--tab-gap-content-md)}._folder-icon_ijogm_75{color:var(--tabIconColor)}._folder-icon-blue_ijogm_78{--tabIconColor: var(--color-background-accent-blue-primary)}._folder-icon-blue-active_ijogm_81{--tabIconColor: var(--color-background-accent-blue-strong)}._folder-icon-green_ijogm_84{--tabIconColor: var(--color-background-accent-green-primary)}._folder-icon-green-active_ijogm_87{--tabIconColor: var(--color-background-accent-green-strong)}._folder-icon-orange_ijogm_90{--tabIconColor: var(--color-background-accent-orange-primary)}._folder-icon-orange-active_ijogm_93{--tabIconColor: var(--color-background-accent-orange-strong)}._folder-icon-pink_ijogm_96{--tabIconColor: var(--color-background-accent-pink-primary)}._folder-icon-pink-active_ijogm_99{--tabIconColor: var(--color-background-accent-pink-strong)}._folder-icon-teal_ijogm_102{--tabIconColor: var(--color-background-accent-teal-primary)}._folder-icon-teal-active_ijogm_105{--tabIconColor: var(--color-background-accent-teal-strong)}._folder-icon-violet_ijogm_108{--tabIconColor: var(--color-background-accent-violet-primary)}._folder-icon-violet-active_ijogm_111{--tabIconColor: var(--color-background-accent-violet-strong)}._folder-icon-warm_ijogm_114{--tabIconColor: var(--color-background-warm-stronger)}._folder-icon-warm-active_ijogm_117{--tabIconColor: var(--color-beige-60)}._tab-list_ijogm_123{display:flex;align-items:center;gap:var(--tabsGap, 0)}._tab-list_ijogm_123._size-lg_ijogm_58{--tabsGap: var(--tab-gap-content-lg)}._tab-list_ijogm_123._size-md_ijogm_65{--tabsGap: var(--tab-gap-content-md)}}
|
package/dist/Tabs.js
CHANGED
|
@@ -2,29 +2,29 @@
|
|
|
2
2
|
import './Tabs.css';
|
|
3
3
|
import { jsx as h, jsxs as L } from "react/jsx-runtime";
|
|
4
4
|
import { T as V, b as A, a as F } from "./tab-panel-BFzjhpJq.js";
|
|
5
|
-
import
|
|
5
|
+
import T, { createContext as C, useMemo as R, forwardRef as O } from "react";
|
|
6
6
|
import { c as w } from "./index-PAaZGbyz.js";
|
|
7
|
-
import { m as W, o as y, c as K, s as
|
|
7
|
+
import { m as W, o as y, c as K, s as p, d as m, g as Q, u as E, a as j, b as U } from "./Q5W46E73-ClIlNE6g.js";
|
|
8
8
|
import { Badge as D } from "./Badge.js";
|
|
9
9
|
import { f as G } from "./forwardRefWithAs-8eP3ZN15.js";
|
|
10
10
|
import { Icon as H } from "./Icon.js";
|
|
11
11
|
import { P as J, b as X } from "./JMU4N4M5-BRPvDp3v.js";
|
|
12
12
|
import { C as Y, a as Z } from "./WZWDIE3S-DDipnVYO.js";
|
|
13
|
-
import { b as ee, x as
|
|
13
|
+
import { b as ee, x as v, Q as z, y as P } from "./U6HHPQDW-CzxyP5H7.js";
|
|
14
14
|
import { c as te, a as oe, u as ae } from "./IQYAUKXT-CMV5f3NE.js";
|
|
15
15
|
import { a as se } from "./CVCFNOHX-CeUlkMgT.js";
|
|
16
|
-
var
|
|
16
|
+
var ie = ee(
|
|
17
17
|
[X, Z],
|
|
18
18
|
[J, Y]
|
|
19
|
-
),
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
function
|
|
19
|
+
), re = ie.useContext;
|
|
20
|
+
C(!1);
|
|
21
|
+
C(null);
|
|
22
|
+
function le({
|
|
23
23
|
composite: e,
|
|
24
24
|
combobox: a,
|
|
25
25
|
...t
|
|
26
26
|
} = {}) {
|
|
27
|
-
const
|
|
27
|
+
const r = [
|
|
28
28
|
"items",
|
|
29
29
|
"renderedItems",
|
|
30
30
|
"moves",
|
|
@@ -35,110 +35,110 @@ function ie({
|
|
|
35
35
|
"focusLoop",
|
|
36
36
|
"focusShift",
|
|
37
37
|
"focusWrap"
|
|
38
|
-
],
|
|
38
|
+
], l = W(
|
|
39
39
|
t.store,
|
|
40
|
-
y(e,
|
|
41
|
-
y(a,
|
|
42
|
-
),
|
|
40
|
+
y(e, r),
|
|
41
|
+
y(a, r)
|
|
42
|
+
), i = l == null ? void 0 : l.getState(), d = te({
|
|
43
43
|
...t,
|
|
44
|
-
store:
|
|
44
|
+
store: l,
|
|
45
45
|
// We need to explicitly set the default value of `includesBaseElement` to
|
|
46
46
|
// `false` since we don't want the composite store to default it to `true`
|
|
47
47
|
// when the activeId state is null, which could be the case when rendering
|
|
48
48
|
// combobox with tab.
|
|
49
|
-
includesBaseElement:
|
|
49
|
+
includesBaseElement: v(
|
|
50
50
|
t.includesBaseElement,
|
|
51
|
-
|
|
51
|
+
i == null ? void 0 : i.includesBaseElement,
|
|
52
52
|
!1
|
|
53
53
|
),
|
|
54
|
-
orientation:
|
|
54
|
+
orientation: v(
|
|
55
55
|
t.orientation,
|
|
56
|
-
|
|
56
|
+
i == null ? void 0 : i.orientation,
|
|
57
57
|
"horizontal"
|
|
58
58
|
),
|
|
59
|
-
focusLoop:
|
|
60
|
-
}),
|
|
59
|
+
focusLoop: v(t.focusLoop, i == null ? void 0 : i.focusLoop, !0)
|
|
60
|
+
}), b = oe(), I = {
|
|
61
61
|
...d.getState(),
|
|
62
|
-
selectedId:
|
|
62
|
+
selectedId: v(
|
|
63
63
|
t.selectedId,
|
|
64
|
-
|
|
64
|
+
i == null ? void 0 : i.selectedId,
|
|
65
65
|
t.defaultSelectedId
|
|
66
66
|
),
|
|
67
|
-
selectOnMove:
|
|
67
|
+
selectOnMove: v(
|
|
68
68
|
t.selectOnMove,
|
|
69
|
-
|
|
69
|
+
i == null ? void 0 : i.selectOnMove,
|
|
70
70
|
!0
|
|
71
71
|
)
|
|
72
|
-
}, o = K(I, d,
|
|
73
|
-
|
|
72
|
+
}, o = K(I, d, l);
|
|
73
|
+
p(
|
|
74
74
|
o,
|
|
75
|
-
() =>
|
|
75
|
+
() => m(o, ["moves"], () => {
|
|
76
76
|
const { activeId: s, selectOnMove: n } = o.getState();
|
|
77
77
|
if (!n || !s) return;
|
|
78
78
|
const c = d.item(s);
|
|
79
79
|
c && (c.dimmed || c.disabled || o.setState("selectedId", c.id));
|
|
80
80
|
})
|
|
81
81
|
);
|
|
82
|
-
let
|
|
83
|
-
|
|
82
|
+
let u = !0;
|
|
83
|
+
p(
|
|
84
84
|
o,
|
|
85
85
|
() => Q(o, ["selectedId"], (s, n) => {
|
|
86
|
-
if (!
|
|
87
|
-
|
|
86
|
+
if (!u) {
|
|
87
|
+
u = !0;
|
|
88
88
|
return;
|
|
89
89
|
}
|
|
90
90
|
e && s.selectedId === n.selectedId || o.setState("activeId", s.selectedId);
|
|
91
91
|
})
|
|
92
|
-
),
|
|
92
|
+
), p(
|
|
93
93
|
o,
|
|
94
|
-
() =>
|
|
94
|
+
() => m(o, ["selectedId", "renderedItems"], (s) => {
|
|
95
95
|
if (s.selectedId !== void 0) return;
|
|
96
96
|
const { activeId: n, renderedItems: c } = o.getState(), f = d.item(n);
|
|
97
97
|
if (f && !f.disabled && !f.dimmed)
|
|
98
98
|
o.setState("selectedId", f.id);
|
|
99
99
|
else {
|
|
100
100
|
const k = c.find(
|
|
101
|
-
(
|
|
101
|
+
(g) => !g.disabled && !g.dimmed
|
|
102
102
|
);
|
|
103
103
|
o.setState("selectedId", k == null ? void 0 : k.id);
|
|
104
104
|
}
|
|
105
105
|
})
|
|
106
|
-
),
|
|
106
|
+
), p(
|
|
107
107
|
o,
|
|
108
|
-
() =>
|
|
108
|
+
() => m(o, ["renderedItems"], (s) => {
|
|
109
109
|
const n = s.renderedItems;
|
|
110
110
|
if (n.length)
|
|
111
|
-
return
|
|
111
|
+
return m(b, ["renderedItems"], (c) => {
|
|
112
112
|
const f = c.renderedItems;
|
|
113
|
-
f.some((
|
|
114
|
-
if (
|
|
113
|
+
f.some((g) => !g.tabId) && f.forEach((g, B) => {
|
|
114
|
+
if (g.tabId) return;
|
|
115
115
|
const x = n[B];
|
|
116
|
-
x &&
|
|
116
|
+
x && b.renderItem({ ...g, tabId: x.id });
|
|
117
117
|
});
|
|
118
118
|
});
|
|
119
119
|
})
|
|
120
120
|
);
|
|
121
121
|
let _ = null;
|
|
122
|
-
return
|
|
122
|
+
return p(o, () => {
|
|
123
123
|
const s = () => {
|
|
124
124
|
_ = o.getState().selectedId;
|
|
125
125
|
}, n = () => {
|
|
126
|
-
|
|
126
|
+
u = !1, o.setState("selectedId", _);
|
|
127
127
|
};
|
|
128
128
|
if (e && "setSelectElement" in e)
|
|
129
|
-
return
|
|
130
|
-
|
|
131
|
-
|
|
129
|
+
return z(
|
|
130
|
+
m(e, ["value"], s),
|
|
131
|
+
m(e, ["mounted"], n)
|
|
132
132
|
);
|
|
133
133
|
if (a)
|
|
134
|
-
return
|
|
135
|
-
|
|
136
|
-
|
|
134
|
+
return z(
|
|
135
|
+
m(a, ["selectedValue"], s),
|
|
136
|
+
m(a, ["mounted"], n)
|
|
137
137
|
);
|
|
138
138
|
}), {
|
|
139
139
|
...d,
|
|
140
140
|
...o,
|
|
141
|
-
panels:
|
|
141
|
+
panels: b,
|
|
142
142
|
setSelectedId: (s) => o.setState("selectedId", s),
|
|
143
143
|
select: (s) => {
|
|
144
144
|
o.setState("selectedId", s), d.move(s);
|
|
@@ -146,49 +146,49 @@ function ie({
|
|
|
146
146
|
};
|
|
147
147
|
}
|
|
148
148
|
function ne(e, a, t) {
|
|
149
|
-
|
|
150
|
-
const [
|
|
151
|
-
return
|
|
152
|
-
R(() => ({ ...e, panels:
|
|
149
|
+
P(a, [t.composite, t.combobox]), e = ae(e, a, t), j(e, t, "selectedId", "setSelectedId"), j(e, t, "selectOnMove");
|
|
150
|
+
const [r, l] = E(() => e.panels, {});
|
|
151
|
+
return P(l, [e, l]), Object.assign(
|
|
152
|
+
R(() => ({ ...e, panels: r }), [e, r]),
|
|
153
153
|
{ composite: t.composite, combobox: t.combobox }
|
|
154
154
|
);
|
|
155
155
|
}
|
|
156
156
|
function Fe(e = {}) {
|
|
157
|
-
const a = se(), t =
|
|
157
|
+
const a = se(), t = re() || a;
|
|
158
158
|
e = {
|
|
159
159
|
...e,
|
|
160
160
|
composite: e.composite !== void 0 ? e.composite : t,
|
|
161
161
|
combobox: e.combobox !== void 0 ? e.combobox : a
|
|
162
162
|
};
|
|
163
|
-
const [
|
|
164
|
-
return ne(
|
|
163
|
+
const [r, l] = E(le, e);
|
|
164
|
+
return ne(r, l, e);
|
|
165
165
|
}
|
|
166
|
-
const
|
|
166
|
+
const N = T.createContext(null);
|
|
167
167
|
function ce() {
|
|
168
|
-
const e =
|
|
168
|
+
const e = T.useContext(N);
|
|
169
169
|
return (e == null ? void 0 : e.size) || "lg";
|
|
170
170
|
}
|
|
171
|
-
const de = "
|
|
171
|
+
const de = "_root_ijogm_2", S = {
|
|
172
172
|
root: de,
|
|
173
|
-
"size-lg": "_size-
|
|
174
|
-
"size-md": "_size-
|
|
175
|
-
"folder-icon": "_folder-
|
|
176
|
-
"folder-icon-blue": "_folder-icon-
|
|
177
|
-
"folder-icon-blue-active": "_folder-icon-blue-
|
|
178
|
-
"folder-icon-green": "_folder-icon-
|
|
179
|
-
"folder-icon-green-active": "_folder-icon-green-
|
|
180
|
-
"folder-icon-orange": "_folder-icon-
|
|
181
|
-
"folder-icon-orange-active": "_folder-icon-orange-
|
|
182
|
-
"folder-icon-pink": "_folder-icon-
|
|
183
|
-
"folder-icon-pink-active": "_folder-icon-pink-
|
|
184
|
-
"folder-icon-teal": "_folder-icon-
|
|
185
|
-
"folder-icon-teal-active": "_folder-icon-teal-
|
|
186
|
-
"folder-icon-violet": "_folder-icon-
|
|
187
|
-
"folder-icon-violet-active": "_folder-icon-violet-
|
|
188
|
-
"folder-icon-warm": "_folder-icon-
|
|
189
|
-
"folder-icon-warm-active": "_folder-icon-warm-
|
|
190
|
-
"tab-list": "_tab-
|
|
191
|
-
},
|
|
173
|
+
"size-lg": "_size-lg_ijogm_58",
|
|
174
|
+
"size-md": "_size-md_ijogm_65",
|
|
175
|
+
"folder-icon": "_folder-icon_ijogm_75",
|
|
176
|
+
"folder-icon-blue": "_folder-icon-blue_ijogm_78",
|
|
177
|
+
"folder-icon-blue-active": "_folder-icon-blue-active_ijogm_81",
|
|
178
|
+
"folder-icon-green": "_folder-icon-green_ijogm_84",
|
|
179
|
+
"folder-icon-green-active": "_folder-icon-green-active_ijogm_87",
|
|
180
|
+
"folder-icon-orange": "_folder-icon-orange_ijogm_90",
|
|
181
|
+
"folder-icon-orange-active": "_folder-icon-orange-active_ijogm_93",
|
|
182
|
+
"folder-icon-pink": "_folder-icon-pink_ijogm_96",
|
|
183
|
+
"folder-icon-pink-active": "_folder-icon-pink-active_ijogm_99",
|
|
184
|
+
"folder-icon-teal": "_folder-icon-teal_ijogm_102",
|
|
185
|
+
"folder-icon-teal-active": "_folder-icon-teal-active_ijogm_105",
|
|
186
|
+
"folder-icon-violet": "_folder-icon-violet_ijogm_108",
|
|
187
|
+
"folder-icon-violet-active": "_folder-icon-violet-active_ijogm_111",
|
|
188
|
+
"folder-icon-warm": "_folder-icon-warm_ijogm_114",
|
|
189
|
+
"folder-icon-warm-active": "_folder-icon-warm-active_ijogm_117",
|
|
190
|
+
"tab-list": "_tab-list_ijogm_123"
|
|
191
|
+
}, me = [
|
|
192
192
|
"angle-left-b",
|
|
193
193
|
"angle-right-b",
|
|
194
194
|
"angle-up",
|
|
@@ -205,7 +205,7 @@ const de = "_root_cdobv_2", S = {
|
|
|
205
205
|
"angle-double-right",
|
|
206
206
|
"angle-left",
|
|
207
207
|
"angle-right"
|
|
208
|
-
],
|
|
208
|
+
], ue = [
|
|
209
209
|
"asterisk",
|
|
210
210
|
"info-circle",
|
|
211
211
|
"chart-line",
|
|
@@ -261,7 +261,7 @@ const de = "_root_cdobv_2", S = {
|
|
|
261
261
|
"share",
|
|
262
262
|
"bulk",
|
|
263
263
|
"bulk-active"
|
|
264
|
-
], fe = ["chat", "chat-bubble-user", "comment", "comment-alt-lines"],
|
|
264
|
+
], fe = ["chat", "chat-bubble-user", "comment", "comment-alt-lines"], ge = [
|
|
265
265
|
"music",
|
|
266
266
|
"rocket",
|
|
267
267
|
"file-alt",
|
|
@@ -345,7 +345,7 @@ const de = "_root_cdobv_2", S = {
|
|
|
345
345
|
"certified",
|
|
346
346
|
// (not unicons, personal mashup)
|
|
347
347
|
"plug"
|
|
348
|
-
],
|
|
348
|
+
], be = [
|
|
349
349
|
"play",
|
|
350
350
|
"play-solid",
|
|
351
351
|
"stop-circle-solid",
|
|
@@ -451,7 +451,7 @@ const de = "_root_cdobv_2", S = {
|
|
|
451
451
|
"redo",
|
|
452
452
|
"play",
|
|
453
453
|
"ban"
|
|
454
|
-
],
|
|
454
|
+
], pe = ["folder", "folder-open", "folder-full", "file", "image"], ve = [
|
|
455
455
|
"bold",
|
|
456
456
|
"arrow",
|
|
457
457
|
"brackets-curly",
|
|
@@ -505,15 +505,15 @@ const de = "_root_cdobv_2", S = {
|
|
|
505
505
|
"medium"
|
|
506
506
|
// (not unicons)
|
|
507
507
|
], Ie = ["symbol", "wttj"], ke = ["flag-fr", "flag-en", "flag-us"], we = [
|
|
508
|
-
...me,
|
|
509
508
|
...ue,
|
|
509
|
+
...me,
|
|
510
510
|
..._e,
|
|
511
511
|
...fe,
|
|
512
|
-
...ge,
|
|
513
|
-
...ke,
|
|
514
512
|
...pe,
|
|
515
|
-
...
|
|
513
|
+
...ke,
|
|
516
514
|
...ve,
|
|
515
|
+
...ge,
|
|
516
|
+
...be,
|
|
517
517
|
...Ie,
|
|
518
518
|
...he
|
|
519
519
|
], Se = (e) => we.includes(e), xe = w(S);
|
|
@@ -521,60 +521,60 @@ function ye({
|
|
|
521
521
|
icon: e,
|
|
522
522
|
iconColor: a,
|
|
523
523
|
isActive: t,
|
|
524
|
-
size:
|
|
524
|
+
size: r
|
|
525
525
|
}) {
|
|
526
526
|
return e ? typeof e != "string" || !Se(e) ? e : /* @__PURE__ */ h(
|
|
527
527
|
H,
|
|
528
528
|
{
|
|
529
529
|
className: a ? xe("folder-icon", `folder-icon-${a}${t ? "-active" : ""}`) : void 0,
|
|
530
530
|
name: e,
|
|
531
|
-
size:
|
|
531
|
+
size: r
|
|
532
532
|
}
|
|
533
533
|
) : null;
|
|
534
534
|
}
|
|
535
|
-
const
|
|
536
|
-
({ as: e, badge: a, children: t, className:
|
|
537
|
-
const
|
|
538
|
-
icon:
|
|
539
|
-
iconColor:
|
|
535
|
+
const je = w(S), $ = G(
|
|
536
|
+
({ as: e, badge: a, children: t, className: r, icon: l, iconColor: i = "violet", id: d, store: b, ...I }, o) => {
|
|
537
|
+
const u = ce(), { selectedId: _ } = U(b), s = _ === d, n = ye({
|
|
538
|
+
icon: l,
|
|
539
|
+
iconColor: i,
|
|
540
540
|
isActive: s,
|
|
541
|
-
size:
|
|
541
|
+
size: u
|
|
542
542
|
}), c = s ? "neutral" : "warm";
|
|
543
543
|
return /* @__PURE__ */ L(
|
|
544
544
|
V,
|
|
545
545
|
{
|
|
546
|
-
className:
|
|
546
|
+
className: je("root", `size-${u}`, r),
|
|
547
547
|
id: d,
|
|
548
548
|
ref: o,
|
|
549
549
|
render: e ? /* @__PURE__ */ h(e, {}) : void 0,
|
|
550
|
-
store:
|
|
550
|
+
store: b,
|
|
551
551
|
...I,
|
|
552
552
|
children: [
|
|
553
553
|
n,
|
|
554
554
|
t,
|
|
555
|
-
a ? /* @__PURE__ */ h(D, { size:
|
|
555
|
+
a ? /* @__PURE__ */ h(D, { size: u, variant: c, children: a }) : null
|
|
556
556
|
]
|
|
557
557
|
}
|
|
558
558
|
);
|
|
559
559
|
}
|
|
560
560
|
);
|
|
561
|
-
|
|
562
|
-
const
|
|
563
|
-
|
|
564
|
-
const
|
|
565
|
-
({ children: e, className: a, size: t = "lg", store:
|
|
561
|
+
$.displayName = "Tabs.Tab";
|
|
562
|
+
const M = O(({ children: e, ...a }, t) => /* @__PURE__ */ h(A, { ref: t, ...a, children: e }));
|
|
563
|
+
M.displayName = "Tabs.Panel";
|
|
564
|
+
const ze = w(S), q = O(
|
|
565
|
+
({ children: e, className: a, size: t = "lg", store: r, ...l }, i) => /* @__PURE__ */ h(
|
|
566
566
|
F,
|
|
567
567
|
{
|
|
568
|
-
className:
|
|
569
|
-
ref:
|
|
570
|
-
store:
|
|
571
|
-
...
|
|
572
|
-
children: /* @__PURE__ */ h(
|
|
568
|
+
className: ze("tab-list", `size-${t}`, a),
|
|
569
|
+
ref: i,
|
|
570
|
+
store: r,
|
|
571
|
+
...l,
|
|
572
|
+
children: /* @__PURE__ */ h(N.Provider, { value: { size: t }, children: e })
|
|
573
573
|
}
|
|
574
574
|
)
|
|
575
575
|
);
|
|
576
576
|
q.displayName = "Tabs";
|
|
577
|
-
const Re = Object.assign(q, { Panel:
|
|
577
|
+
const Re = Object.assign(q, { Panel: M, Tab: $ });
|
|
578
578
|
export {
|
|
579
579
|
Re as Tabs,
|
|
580
580
|
q as TabsComponent,
|
package/dist/Tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_1r2b3_2{display:flex;flex-direction:column;gap:var(--tooltip-gap-content);background-color:var(--tooltip-color-background);border:var(--tooltip-border-width) solid var(--tooltip-color-border);border-radius:var(--tooltip-border-radius);box-sizing:border-box;color:var(--tooltip-color-text);max-width:12.5rem;padding:var(--tooltip-padding-block) var(--tooltip-padding-inline);transition-property:opacity,visibility;transition-duration:var(--duration-medium);z-index:10;visibility:var(--visibility, hidden);opacity:var(--opacity, 0);box-shadow:var(--elevation-20)}._root_1r2b3_2[data-enter=true]{--visibility: visible;--opacity: 1}._childItem_1r2b3_24{display:inline}}
|
package/dist/Tooltip.js
CHANGED
|
@@ -159,7 +159,7 @@ function Te(t = {}) {
|
|
|
159
159
|
const [e, o] = te(Se, t);
|
|
160
160
|
return he(e, o, t);
|
|
161
161
|
}
|
|
162
|
-
const be = "
|
|
162
|
+
const be = "_root_1r2b3_2", ye = "_childItem_1r2b3_24", Ee = {
|
|
163
163
|
root: be,
|
|
164
164
|
childItem: ye
|
|
165
165
|
}, E = se(Ee), Pe = ae(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { TooltipProps as AriakitTooltipProps, TooltipStoreProps as AriakitTooltipStoreProps } from '@ariakit/react';
|
|
2
2
|
export interface TooltipOptions {
|
|
3
3
|
children: React.ReactNode;
|
|
4
|
-
content:
|
|
4
|
+
content: React.ReactNode;
|
|
5
5
|
fixed?: boolean;
|
|
6
6
|
gutter?: number;
|
|
7
7
|
placement?: TooltipPlacement;
|