@vellira-ui/react 2.103.1 → 2.103.3
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/index.cjs +1 -1
- package/dist/index.js +99 -97
- package/dist/styles.css +1 -1
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -4467,55 +4467,56 @@ var Ii = Object.assign(Pi, {
|
|
|
4467
4467
|
});
|
|
4468
4468
|
Ii.displayName = "Tooltip";
|
|
4469
4469
|
var Li = {
|
|
4470
|
-
button: "
|
|
4471
|
-
solid: "
|
|
4472
|
-
primary: "
|
|
4473
|
-
loading: "
|
|
4474
|
-
neutral: "
|
|
4475
|
-
success: "
|
|
4476
|
-
warning: "
|
|
4477
|
-
danger: "
|
|
4478
|
-
outline: "
|
|
4479
|
-
ghost: "
|
|
4480
|
-
soft: "
|
|
4481
|
-
link: "
|
|
4482
|
-
|
|
4483
|
-
|
|
4484
|
-
|
|
4485
|
-
|
|
4486
|
-
|
|
4487
|
-
|
|
4488
|
-
|
|
4489
|
-
|
|
4490
|
-
|
|
4491
|
-
|
|
4492
|
-
|
|
4493
|
-
|
|
4494
|
-
|
|
4495
|
-
|
|
4496
|
-
|
|
4470
|
+
button: "_button_1jj4q_1",
|
|
4471
|
+
solid: "_solid_1jj4q_26",
|
|
4472
|
+
primary: "_primary_1jj4q_26",
|
|
4473
|
+
loading: "_loading_1jj4q_26",
|
|
4474
|
+
neutral: "_neutral_1jj4q_52",
|
|
4475
|
+
success: "_success_1jj4q_78",
|
|
4476
|
+
warning: "_warning_1jj4q_104",
|
|
4477
|
+
danger: "_danger_1jj4q_130",
|
|
4478
|
+
outline: "_outline_1jj4q_156",
|
|
4479
|
+
ghost: "_ghost_1jj4q_286",
|
|
4480
|
+
soft: "_soft_1jj4q_416",
|
|
4481
|
+
link: "_link_1jj4q_546",
|
|
4482
|
+
bare: "_bare_1jj4q_701",
|
|
4483
|
+
square: "_square_1jj4q_730",
|
|
4484
|
+
rounded: "_rounded_1jj4q_734",
|
|
4485
|
+
pill: "_pill_1jj4q_738",
|
|
4486
|
+
sm: "_sm_1jj4q_742",
|
|
4487
|
+
md: "_md_1jj4q_746",
|
|
4488
|
+
lg: "_lg_1jj4q_750",
|
|
4489
|
+
fullWidth: "_fullWidth_1jj4q_754",
|
|
4490
|
+
iconOnly: "_iconOnly_1jj4q_758",
|
|
4491
|
+
label: "_label_1jj4q_764",
|
|
4492
|
+
labelText: "_labelText_1jj4q_774",
|
|
4493
|
+
icon: "_icon_1jj4q_758",
|
|
4494
|
+
spinner: "_spinner_1jj4q_793",
|
|
4495
|
+
"button-spin": "_button-spin_1jj4q_1",
|
|
4496
|
+
badge: "_badge_1jj4q_815",
|
|
4497
|
+
shortcut: "_shortcut_1jj4q_829"
|
|
4497
4498
|
}, Ri = i(({ children: e, color: t = "primary", appearance: r = "solid", size: i = "md", shape: o = "pill", type: s = "button", disabled: c = !1, loading: l = !1, loadingText: u, iconStart: d, iconEnd: f, spinner: p, badge: m, shortcut: v, tooltip: y, fullWidth: b = !1, iconOnly: x = !1, asChild: S = !1, className: C, style: w, onClick: T, "aria-label": E, "aria-labelledby": D, href: O, target: k, rel: A, download: j, id: M, role: N, tabIndex: P, ...F }, I) => {
|
|
4498
|
-
let L = S && a(e) ? e : void 0, R = L ? L.props.children : e, z = x || !R && !!(d || f), B = !!(E || D || L?.props["aria-label"] || L?.props["aria-labelledby"]), V = c || l, H = ie[i],
|
|
4499
|
-
"--button-height": `${
|
|
4500
|
-
"--button-font-size": `${
|
|
4501
|
-
"--button-line-height": `${
|
|
4502
|
-
"--icon-size": `${
|
|
4503
|
-
},
|
|
4499
|
+
let L = S && a(e) ? e : void 0, R = L ? L.props.children : e, z = x || !R && !!(d || f), B = !!(E || D || L?.props["aria-label"] || L?.props["aria-labelledby"]), V = c || l, H = r === "bare", U = ie[i], W = {
|
|
4500
|
+
"--button-height": `${U.height}px`,
|
|
4501
|
+
"--button-font-size": `${U.fontSize}px`,
|
|
4502
|
+
"--button-line-height": `${U.lineHeight}px`,
|
|
4503
|
+
"--icon-size": `${U.iconSize}px`
|
|
4504
|
+
}, ee = l && u ? u : R, te = u && R && !z && (typeof R == "string" || typeof R == "number") && (typeof u == "string" || typeof u == "number") ? String(l ? R : u) : void 0, ne = k === "_blank" && !A ? "noreferrer noopener" : A, re = J(H ? Li.bare : Li.button, H ? null : Li[t], H ? null : Li[r], H ? null : Li[i], H ? null : Li[o], C, {
|
|
4504
4505
|
[Li.disabled]: V,
|
|
4505
4506
|
[Li.loading]: l,
|
|
4506
4507
|
[Li.fullWidth]: b,
|
|
4507
4508
|
[Li.iconOnly]: z
|
|
4508
4509
|
});
|
|
4509
4510
|
Me(!S || !O, "Button: pass href to the child element when using asChild."), Me(!S || !!L, "Button: asChild requires a single valid React element child."), Me(!z || B, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
|
|
4510
|
-
let
|
|
4511
|
+
let G = (e) => {
|
|
4511
4512
|
e.preventDefault(), e.stopPropagation();
|
|
4512
|
-
},
|
|
4513
|
+
}, K = (e) => {
|
|
4513
4514
|
if (V) {
|
|
4514
|
-
|
|
4515
|
+
G(e);
|
|
4515
4516
|
return;
|
|
4516
4517
|
}
|
|
4517
4518
|
L?.props.onClick?.(e), e.defaultPrevented || T?.(e);
|
|
4518
|
-
},
|
|
4519
|
+
}, ae = /* @__PURE__ */ _(h, { children: [
|
|
4519
4520
|
l && (p ? /* @__PURE__ */ g("span", {
|
|
4520
4521
|
className: Li.icon,
|
|
4521
4522
|
"aria-hidden": "true",
|
|
@@ -4528,22 +4529,22 @@ var Li = {
|
|
|
4528
4529
|
className: Li.icon,
|
|
4529
4530
|
children: d
|
|
4530
4531
|
}),
|
|
4531
|
-
|
|
4532
|
+
ee && !z && (H ? ee : /* @__PURE__ */ g("span", {
|
|
4532
4533
|
className: Li.label,
|
|
4533
|
-
"data-measure":
|
|
4534
|
+
"data-measure": te,
|
|
4534
4535
|
children: /* @__PURE__ */ g("span", {
|
|
4535
4536
|
className: Li.labelText,
|
|
4536
|
-
children:
|
|
4537
|
+
children: ee
|
|
4537
4538
|
})
|
|
4538
|
-
}),
|
|
4539
|
-
m && !z && /* @__PURE__ */ g("span", {
|
|
4539
|
+
})),
|
|
4540
|
+
m && !z && (H ? m : /* @__PURE__ */ g("span", {
|
|
4540
4541
|
className: Li.badge,
|
|
4541
4542
|
children: m
|
|
4542
|
-
}),
|
|
4543
|
-
v && !z && /* @__PURE__ */ g("span", {
|
|
4543
|
+
})),
|
|
4544
|
+
v && !z && (H ? v : /* @__PURE__ */ g("span", {
|
|
4544
4545
|
className: Li.shortcut,
|
|
4545
4546
|
children: v
|
|
4546
|
-
}),
|
|
4547
|
+
})),
|
|
4547
4548
|
!l && f && /* @__PURE__ */ g("span", {
|
|
4548
4549
|
className: Li.icon,
|
|
4549
4550
|
children: f
|
|
@@ -4553,7 +4554,7 @@ var Li = {
|
|
|
4553
4554
|
...F,
|
|
4554
4555
|
ref: I,
|
|
4555
4556
|
style: {
|
|
4556
|
-
...
|
|
4557
|
+
...W,
|
|
4557
4558
|
...L.props.style,
|
|
4558
4559
|
...w
|
|
4559
4560
|
},
|
|
@@ -4561,12 +4562,12 @@ var Li = {
|
|
|
4561
4562
|
"aria-disabled": V || void 0,
|
|
4562
4563
|
"aria-label": E || L.props["aria-label"] || void 0,
|
|
4563
4564
|
"aria-labelledby": D || L.props["aria-labelledby"] || void 0,
|
|
4564
|
-
className: J(L.props.className,
|
|
4565
|
+
className: J(L.props.className, re),
|
|
4565
4566
|
href: V ? void 0 : L.props.href,
|
|
4566
|
-
onClick:
|
|
4567
|
+
onClick: K,
|
|
4567
4568
|
tabIndex: V ? -1 : L.props.tabIndex,
|
|
4568
4569
|
title: y || L.props.title,
|
|
4569
|
-
children:
|
|
4570
|
+
children: ae
|
|
4570
4571
|
}) : O ? /* @__PURE__ */ g("a", {
|
|
4571
4572
|
ref: I,
|
|
4572
4573
|
href: V ? void 0 : O,
|
|
@@ -4574,20 +4575,20 @@ var Li = {
|
|
|
4574
4575
|
role: N,
|
|
4575
4576
|
tabIndex: V ? -1 : P,
|
|
4576
4577
|
target: k,
|
|
4577
|
-
rel:
|
|
4578
|
+
rel: ne,
|
|
4578
4579
|
download: j,
|
|
4579
|
-
onClick: V ?
|
|
4580
|
+
onClick: V ? G : T,
|
|
4580
4581
|
"aria-disabled": V || void 0,
|
|
4581
4582
|
"aria-label": E || void 0,
|
|
4582
4583
|
"aria-labelledby": D || void 0,
|
|
4583
4584
|
"aria-busy": l || void 0,
|
|
4584
|
-
className:
|
|
4585
|
+
className: re,
|
|
4585
4586
|
title: y,
|
|
4586
4587
|
style: {
|
|
4587
|
-
...
|
|
4588
|
+
...W,
|
|
4588
4589
|
...w
|
|
4589
4590
|
},
|
|
4590
|
-
children:
|
|
4591
|
+
children: ae
|
|
4591
4592
|
}) : /* @__PURE__ */ g("button", {
|
|
4592
4593
|
...F,
|
|
4593
4594
|
ref: I,
|
|
@@ -4600,13 +4601,13 @@ var Li = {
|
|
|
4600
4601
|
"aria-label": E || void 0,
|
|
4601
4602
|
"aria-labelledby": D || void 0,
|
|
4602
4603
|
"aria-busy": l || void 0,
|
|
4603
|
-
className:
|
|
4604
|
+
className: re,
|
|
4604
4605
|
title: y,
|
|
4605
4606
|
style: {
|
|
4606
|
-
...
|
|
4607
|
+
...W,
|
|
4607
4608
|
...w
|
|
4608
4609
|
},
|
|
4609
|
-
children:
|
|
4610
|
+
children: ae
|
|
4610
4611
|
});
|
|
4611
4612
|
});
|
|
4612
4613
|
Ri.displayName = "Button";
|
|
@@ -4744,46 +4745,47 @@ var Q = {
|
|
|
4744
4745
|
});
|
|
4745
4746
|
Ui.displayName = "Checkbox";
|
|
4746
4747
|
var $ = {
|
|
4747
|
-
inputGroup: "
|
|
4748
|
-
primary: "
|
|
4749
|
-
outline: "
|
|
4750
|
-
filled: "
|
|
4751
|
-
soft: "
|
|
4752
|
-
neutral: "
|
|
4753
|
-
success: "
|
|
4754
|
-
warning: "
|
|
4755
|
-
danger: "
|
|
4756
|
-
inputWrapper: "
|
|
4757
|
-
input: "
|
|
4758
|
-
error: "
|
|
4759
|
-
sm: "
|
|
4760
|
-
md: "
|
|
4761
|
-
lg: "
|
|
4762
|
-
isInvalid: "
|
|
4763
|
-
hasLeftAdornment: "
|
|
4764
|
-
hasRightAdornment: "
|
|
4765
|
-
hasStartIconAndPrefix: "
|
|
4766
|
-
hasEndIconAndSuffix: "
|
|
4767
|
-
startAdornment: "
|
|
4768
|
-
endAdornment: "
|
|
4769
|
-
prefix: "
|
|
4770
|
-
suffix: "
|
|
4771
|
-
endSlot: "
|
|
4772
|
-
isLoading: "
|
|
4773
|
-
clearButton: "
|
|
4774
|
-
iconButton: "
|
|
4775
|
-
spinner: "
|
|
4776
|
-
"input-spin": "_input-
|
|
4777
|
-
addon: "
|
|
4778
|
-
hasAddons: "
|
|
4779
|
-
counter: "
|
|
4780
|
-
toneDefault: "
|
|
4781
|
-
tonePrimary: "
|
|
4782
|
-
toneSecondary: "
|
|
4783
|
-
toneSuccess: "
|
|
4784
|
-
toneDanger: "
|
|
4785
|
-
toneMuted: "
|
|
4786
|
-
toneInverse: "
|
|
4748
|
+
inputGroup: "_inputGroup_1nr0h_1",
|
|
4749
|
+
primary: "_primary_1nr0h_29",
|
|
4750
|
+
outline: "_outline_1nr0h_29",
|
|
4751
|
+
filled: "_filled_1nr0h_62",
|
|
4752
|
+
soft: "_soft_1nr0h_95",
|
|
4753
|
+
neutral: "_neutral_1nr0h_128",
|
|
4754
|
+
success: "_success_1nr0h_227",
|
|
4755
|
+
warning: "_warning_1nr0h_326",
|
|
4756
|
+
danger: "_danger_1nr0h_425",
|
|
4757
|
+
inputWrapper: "_inputWrapper_1nr0h_524",
|
|
4758
|
+
input: "_input_1nr0h_1",
|
|
4759
|
+
error: "_error_1nr0h_578",
|
|
4760
|
+
sm: "_sm_1nr0h_586",
|
|
4761
|
+
md: "_md_1nr0h_589",
|
|
4762
|
+
lg: "_lg_1nr0h_592",
|
|
4763
|
+
isInvalid: "_isInvalid_1nr0h_607",
|
|
4764
|
+
hasLeftAdornment: "_hasLeftAdornment_1nr0h_637",
|
|
4765
|
+
hasRightAdornment: "_hasRightAdornment_1nr0h_641",
|
|
4766
|
+
hasStartIconAndPrefix: "_hasStartIconAndPrefix_1nr0h_645",
|
|
4767
|
+
hasEndIconAndSuffix: "_hasEndIconAndSuffix_1nr0h_649",
|
|
4768
|
+
startAdornment: "_startAdornment_1nr0h_653",
|
|
4769
|
+
endAdornment: "_endAdornment_1nr0h_654",
|
|
4770
|
+
prefix: "_prefix_1nr0h_672",
|
|
4771
|
+
suffix: "_suffix_1nr0h_673",
|
|
4772
|
+
endSlot: "_endSlot_1nr0h_700",
|
|
4773
|
+
isLoading: "_isLoading_1nr0h_711",
|
|
4774
|
+
clearButton: "_clearButton_1nr0h_748",
|
|
4775
|
+
iconButton: "_iconButton_1nr0h_763",
|
|
4776
|
+
spinner: "_spinner_1nr0h_789",
|
|
4777
|
+
"input-spin": "_input-spin_1nr0h_1",
|
|
4778
|
+
addon: "_addon_1nr0h_798",
|
|
4779
|
+
hasAddons: "_hasAddons_1nr0h_819",
|
|
4780
|
+
counter: "_counter_1nr0h_833",
|
|
4781
|
+
toneDefault: "_toneDefault_1nr0h_861",
|
|
4782
|
+
tonePrimary: "_tonePrimary_1nr0h_865",
|
|
4783
|
+
toneSecondary: "_toneSecondary_1nr0h_869",
|
|
4784
|
+
toneSuccess: "_toneSuccess_1nr0h_873",
|
|
4785
|
+
toneDanger: "_toneDanger_1nr0h_877",
|
|
4786
|
+
toneMuted: "_toneMuted_1nr0h_881",
|
|
4787
|
+
toneInverse: "_toneInverse_1nr0h_885",
|
|
4788
|
+
bare: "_bare_1nr0h_889"
|
|
4787
4789
|
}, Wi = {
|
|
4788
4790
|
default: $.toneDefault,
|
|
4789
4791
|
primary: $.tonePrimary,
|